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
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
>