Devextreme: пользовательский dxTemplate и ‹таблица (и)› со статической строкой заголовка

Я пытаюсь создать динамически заполняемую таблицу с помощью 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 -->


html devexpress devextreme knockout.js phonejs
person rory    schedule 07.03.2014    source источник
comment
Вы можете добавить свой код? (также тег div)   -  person Flavia Obreja    schedule 07.03.2014
comment
@FlaviaObreja - ответим в понедельник, код уже в офисе!   -  person rory    schedule 08.03.2014
comment
Обновление @FlaviaObreja: проблема решена (так как решения нет, таблицы и devextreme не работают). Спасибо, в любом случае   -  person rory    schedule 10.03.2014

Ответы (1)


arrow_upward
1
arrow_downward

Я не знаком с 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>
person Flavia Obreja    schedule 07.03.2014