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 を使用しているときにこれを達成する方法を知っている人はいますか? または、おそらく明らかに正しく、はるかに簡単な方法を教えてください...

前もって感謝します

編集...空白のテーブル行の1つを調べると、次の結果が得られました

<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 に答える