Bug in detail template with html table.

[Alanm]

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>

[Nikolay Rusev]

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