사용자 정의 dxTemplate 및 <table(s)> with static header row

Question

knockoutJS/DevExtreme을 사용하여 동적으로 채워진 테이블을 만들려고하고 있지만 헤더 행에 문제가 있습니다. 템플릿 라인을 다음과 같이 holding div의 애트리뷰트로 놓고 그 아래에있는 테이블을 nestle하면 헤더 행이 모든 항목에 대해 반복됩니다.

이

<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 --> 

Answer 1

다음 나는 디벨로퍼 익스프레스에 익숙하지 않은,하지만 난 그것을 다음 표 구조를 사용하는 것이 유용 할 것이라고 생각 :

을