Kendo table 的 MVVM 模板缺失 headers

Question

我有一个 table 绑定到数据源并按预期检索数据。但是，标题标签未显示。我错过了什么？

HTML

<div id="productResults">
<table style="width: 50%" data-bind="source: Products" data-template="productsTemplate">
    <tr>
        <th>Product ID</th>
        <td>Product Name</td>
    </tr>
</table>

<script id="productsTemplate" type="text/x-kendo-template">
    <tr>
        <td>#:ProductID#</td>
        <td>#:ProductName#</td>
    </tr>
</script>

输出

Answer 1

像这样将您的绑定从 Table 转移到 tbody 标签

仅尝试更改 header

<thead>
    <th>Product ID</th>
    <th>Product Name</th>
</thead>

或

<table style="width: 50%" >
    <thead>
        <th>Product ID</th>
        <th>Product Name</th>
    </thead>
    <tbody data-bind="source: Products" data-template="productsTemplate">
    </tbody>
</table>

Kendo table 的 MVVM 模板缺失 headers

Kendo MVVM template for table missing headers

html

kendo-ui

kendo-mvvm