2017-05-29 4 views
0

私は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にそれを残している回避策として

答えて

0

証明する。とにかくこれは私の問題を解決しました。

関連する問題