This is a migrated thread and some comments may be shown as answers.

Bug in detail template with html table.

1 Answer 147 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Alanm
Top achievements
Rank 2
Alanm asked on 01 Feb 2012, 04:04 PM
There seems to be a bug with the details row in a Kenodo Grid when it is created using an existing html <table>.  If fails to create a column header for the expand/collapse marker and uses the first data column instead (in the example "One").  This gives me 3 column headers, but 4 data columns for each row, my 3 plus the expand/collapse column.

One --> Two --> Three
 >    -->  1 -> 2 -> 3

<table id="grid">
    <thead>
        <tr>
            <th data-field="one">One</th>
            <th data-field="two">Two</th>
            <th data-field="three">Three</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td><td>2</td><td>3</td>
        </tr>
        <tr>
            <td>1</td><td>2</td><td>3</td>
        </tr>
    </tbody>
</table>
  
<script>
    $(document).ready(function() {
        var element = $("#grid").kendoGrid({
            height: 450,
            sortable: true,
            detailInit: detailInit
        });
    });
  
    function detailInit(e) {
    }
</script>

1 Answer, 1 is accepted

Sort by
0
Accepted
Nikolay Rusev
Telerik team
answered on 03 Feb 2012, 04:37 PM
Hello Alanm,

I can confirm that such issue exist. It can be only observed when the table have header defined. As a workaround currently you can use the approach demonstrated on the following jsFiddle:
http://jsfiddle.net/rusev/wGmxT/

All the best,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Alanm
Top achievements
Rank 2
Answers by
Nikolay Rusev
Telerik team
Share this question
or