0

我正在尝试使用 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 -->

4

1 回答 1

0

我不熟悉 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>
于 2014-03-07T15:30:24.887 回答