私はDandelion-Thymeleafの1.0.1バージョンを使用しています。以下は私のタンポポDatatableの定義です。表には3つの固定列があり、ページのレンダリング時に追加される列が続きます。Thymeleaf Dandelionページ作成時にカラムを追加してデータ化可能
<table class="reportTable" dt:table="true" dt:pageable="false" dt:filterable="false" dt:processing="false" dt:serverside="false">
<thead>
<tr>
<th>Day</th>
<th>No of calls</th>
<th>Duration</th>
<th:block th:each="sb : ${timePeriodColumns}">
<th th:text="${sb}">x</th>
</th:block>
</tr>
</thead>
<tbody>
<tr th:each="sb : ${monthCallsByTimePeriod}">
<td th:text="${sb.day}">x</td>
<td th:text="${sb.numberOfCallsPerDay}">x</td>
<td th:text="${sb.callDurationPerDayInMinutes}">x</td>
<th:block th:each="tp : ${sb.dataForTimePeriod}">
<td th:text="${tp.numberOfCalls}">x</td>
<td th:text="${tp.callDurationInMinutes}">x</td>
</th:block>
</tr>
</tbody>
</table>
表は、HTMLなどの細かいレンダリングしますが、タンポポはDATATABLEを適用しようとしたときに私はそれがテーブルの列を反復処理見ることができますjquery.dataTables.js
、でJavaScriptのエラーTypeError: col is undefined
を取得し、デバッグ中に、私は唯一の3の固定があることがわかりますoSettings.aoColumnsの列。したがって、最初に動的に追加された列に遭遇したときにTBODY
のデータを処理しているときに、Datatableは固定されていない列を「認識」しないため、エラーが発生します。私はTBODY
一部を省略した場合
は(そのテーブルの唯一THEAD
一部のレンダリング)エラーは発生しませんが、私はその固定列があるかのように、これらのコントロールを持っていないのDataTableの並べ替えのコントロールが、非固定列を持って見ることができます彼ら除外される。 HTMLソースを見ると、これらの列の違いはわかりません:
<thead>
<tr>
<th>Day</th>
<th>No of calls</th>
<th>Duration</th>
<th>Added col1</th>
<th>Added col2</th>
</tr>
</thead>
私は間違っていますか?レンダリング時にDandelion Datatableに列を追加するにはどうすればよいですか?
<thead>
<tr>
<th th:each="sb : ${timePeriodColumns}" th:text="${sb}">x</th>
</tr>
</thead>
私は< th:block ...>
を使用に問題がある疑いがあるが、私はできませんでした:私はtimePeriodColumns
リストに最初の3つの列を追加し、<th th:each ...>
のすべての列をレンダリングするThymeleafにそれを残している回避策として