Devextreme：具有静态标题行的自定义 dxTemplate 和 <table(s)>答案

【问题标题】：Devextreme: Custom dxTemplate and <table(s)> with static header rowDevextreme：具有静态标题行的自定义 dxTemplate 和 <table(s)>
【发布时间】：2014-03-07 15:13:15
【问题描述】：

我正在尝试使用 knockoutJS/DevExtreme 创建一个动态填充的表格，但我的标题行有问题。如果我像这样将模板行作为持有 div 的属性，然后将表格嵌套在下面，一切都很好，除了我的标题行对每个条目都重复。

我想要做的是有一个“静态”（因为想要一个更好的词）标题行，而其他行的一半是从模板中创建的，如下所示：

<table>
  <tr>
    <th>Time</th>
    <th>Project</th>
    <th>Cost Centre</th>
  </tr>
  <tr data-options="dxTemplate:{ name:'item' }">
    <td data-bind="text: dateTime"></td>
    <td data-bind="text: projectName"></td>
    <td data-bind="text: costCenterName"></td>
  </tr>
</table>

有谁知道我在使用 devExpress 时如何做到这一点？或者，请随时向我展示什么可能是正确且更简单的做事方式......

提前致谢

编辑...检查其中一个空白表格行给了我以下信息

<div data-bind="css:{ 'dx-state-disabled': $data.disabled, 'dx-state-invisible': !$data.visible &amp;&amp; $data.visible !== undefined }" class="dx-list-item"><!-- ko if: $data.html && !$data.text --><!-- /ko --><!-- ko if: !$data.html && $data.text --><!-- /ko --><!-- ko ifnot: $.isPlainObject($data) --><!-- /ko --><!-- ko if: $data.key --><!-- /ko --></div>
<!-- ko if: $data.html && !$data.text -->
<!-- /ko -->
<!-- ko if: !$data.html && $data.text -->
<!-- /ko -->
<!-- ko ifnot: $.isPlainObject($data) -->
<!-- /ko -->
<!-- ko if: $data.key -->
<!-- /ko -->

【问题讨论】：

你能放更多你的代码吗？（也是 div 标签）
@FlaviaObreja - 将在周一回复，代码在办公室！
@FlaviaObreja 更新：问题已解决（因为没有解决方案，表和 devextreme 不起作用）。还是谢谢

标签： html knockout.js devexpress phonejs devextreme

【解决方案1】：

我不熟悉 devExpres，但我认为使用以下表结构会很有用：

<table>
  <thead>
    <tr>
      <th>Time</th>
      <th>Project</th>
       <th>Cost Centre</th>
     </tr>
  </thead>
  <tbody data-options="dxTemplate:{ name:'item' }">
    <tr>
       <td data-bind="text: dateTime"></td>
       <td data-bind="text: projectName"></td>
       <td data-bind="text: costCenterName"></td>
    </tr>
 </tbody>
</table>

【讨论】：