Source binding for table elements doesn't support tbody templates

[akorchev]

Reproduction:

<script type="text/template" id="template">
  <tbody>
      <tr><td>a</td></tr>
      <tr><td>b</td></tr>
  </tbody>
  </script>
  <table data-bind="source: data" data-template="template"></table>
<script>
  var vm = kendo.observable({
    data: [1, 2, 3]
  })
  kendo.bind(document.body, vm);
</script>

[washamdev]

We spent hours trying all kinds of things to get this to work, only to find out it's a bug in Kendo template binding. Any chance this can be escalated?

The bug in question here comes from this code:

https://github.com/telerik/kendo-ui-core/blob/master/src/kendo.binder.js#L515-L526

Here is the specific code causing the bug:

if (element.nodeName.toLowerCase() == "table") {
    if (!element.tBodies[0]) {
        element.appendChild(document.createElement("tbody"));
    }
    element = element.tBodies[0];
}

Basically, it needs to account for the fact that the template may include <tbody> tags itself, so the above code shouldn't insert its own <tbody> tag as well.