データテーブルプラグインのドロップダウンフィルタオプションを追加してください

Question

データベーステーブルにドロップダウンフィルタオプションを追加する必要があります。選択した値に基づいてテーブルにレコードが表示されます。私はDataTableの最新のドキュメントをチェックし、次のように試してみました：

$('#checkin-checkout-record-table').dataTable({ 
    /* "dom": '<"toolbar">C<"clear">lfrtip<"clear">T', 
    tableTools: { 
     "sSwfPath": app.baseurl("/gbdportal/assets/js/libs/TableTools-2.2.4/swf/copy_csv_xls_pdf.swf"), 
     "aButtons": [{ 
      "sExtends": "xls", 
      "oSelectorOpts": { filter: 'applied', order: 'current' } 

     }] 
    },*/ 
    "bPaginate": true, 
    "bLengthChange": true, 
    "bFilter": true, 
    "bSort": true, 
    "bInfo": true, 
    // "order": [[0, 'asc'], [4, 'asc']], 
    "aLengthMenu": [50, 100], 
    "bAutoWidth": false, 

    initComplete: function() { 
     this.api().columns().every(function() { 
      var column = this; 
      var select = $('<select><option value=""></option></select>') 
       .appendTo($(column.footer()).empty()) 
       .on('change', function() { 
        var val = $.fn.dataTable.util.escapeRegex(
         $(this).val() 
        ); 

        column 
         .search(val ? '^'+val+'$' : '', true, false) 
         .draw(); 
       }); 

      column.data().unique().sort().each(function (d, j) { 
       select.append('<option value="'+d+'">'+d+'</option>') 
      }); 
     }); 
    } 
}); 

フィルタのドロップダウンは表示されません。私はそれがバージョンの非互換性のためかもしれないと思う。私は1.10.0-devバージョンを使用しています。

Answer 1

あなたの間違いは、あなたがこれはあなたのDataTableの初期化コードから見ることができlegacy Databales

でのDataTable 1.10.0バージョンを使用しようとしているということである：正しい使用

$('#checkin-checkout-record-table').dataTable({.... 

1.10.0+ （CAPSを気）のようになります。

あなたがやりたい、レガシーのDataTableまたは新規のDataTableを使用するが、常にコードに一致するよとするか

$('#checkin-checkout-record-table').DataTable({ 

ur推奨バージョン。