SymfonyでDataTables（jQuery）をTwigで使用するには？

Question

私はSymfonyプロジェクトでjQuery DataTablesプラグインを使用しようとしています。

<table width="100%" id="table_id"> 

         <thead> 
         <tr> 
          <th>Date</th> 
          <th>Salary</th> 
         </tr> 
         </thead> 

         <tfoot> 
         <tr> 
          <th>Date</th> 
          <th>Salary</th> 
         </tr> 
         </tfoot> 

         <tbody> 
          <tr> 
           <td>2011/07/25</td> 
           <td>$170,750</td> 
          </tr> 
          <tr> 
           <td>2009/01/12</td> 
           <td>$86,000</td> 
          </tr> 
          <tr> 
           <td>2011/04/25</td> 
           <td>$320,800</td> 
          </tr> 
          <tr> 
           <td>2011/07/25</td> 
           <td>$170,750</td> 
          </tr> 
          <tr> 
           <td>2009/01/12</td> 
           <td>$86,000</td> 
          </tr> 
         </tbody> 
        </table> 

しかし、私は小枝にループで生成された次のコードに問題があります：

次のコードは動作します

  <table width="100%" id="table_id"> 
       <thead> 
       <tr> 
        <th>Date</th> 
        <th>Name</th> 
       </tr> 
       </thead> 

       <tfoot> 
       <tr> 
        <th>Date</th> 
        <th>Name</th> 
       </tr> 
       </tfoot> 

       <tbody> 
        {% for courrier in listCourrier %} 
         <tr> 
          <td>{{ courrier.DateRegister().Creation()|date('d-m-Y') }}</td> 
          <td>{{ courrier.User().Username() }}</td> 
         <tr> 
        {% endfor %} 
       </tbody> 
      </table> 

表は良好な値が表示されますが、私はしないでくださいソートの矢印があります。 jQueryとTwigには問題があるようです。私はバンドルを使用しないことを望んでいます（私はバンドルをいくつか試しましたが、それを使用して私が望むことはできませんでした）。ですから、単にDataTablesのjQueryプラグインを含める考えがあれば、私は感謝しています。

Answer 1

あなたは、単にのようなjqueryのデータ・テーブルを使用することができます：あなたがあなたのテーブルのソースは、それが有効なHTMLでコピーした場合

$(document).ready(function(){ 
      $(document).ready(function() { 
      var data = []; 
      data.push(
       [1,"Sasha","Brenna","0800 1111"], 
       [2,"Sage","Mia","(01012) 405872"], 
       [3,"Chelsea","Allistair","076 0578 0265"], 
       [4,"Uta","Savannah","070 1247 5884"], 
       [5,"Remedios","Berk","0995 181 0007"] 
      ); 

      $('#data_table').DataTable({ 
       data: data, 
      }); 
     }); 
}); 

<table id="data_table"> 
     <thead> 
      <tr> 
       <th>Emp Code</th> 
       <th>First Name</th> 
       <th>Last Name</th> 
       <th>Mobile</th> 
      </tr> 
     </thead> 

     <tbody> 
     <!-- Dynamic Body --> 
     </tbody> 
</table> 

Working Fiddle