2013-04-11 63 views
1

我正在使用DataTables(成功),並試圖合併ColumnFilter。我的JS如下所示:jQuery - DataTables - ColumnFilter不起作用

$(document).ready(function() { 
    oTable = $('#ecTable').dataTable({ 
     "sScrollY": "550px", 
     "sScrollX": "100%", 
     "bPaginate": false, 
     "bScrollCollapse": true, 
     "bInfo": true, 
     "bFilter": false, 
     "bProcessing": true, 
     "aaSorting": [[0, 'desc']] 
    }) 

    .columnFilter({ 
     aoColumns: [ 
      null, 
      null, 
      { type: "select" }, 
      { type: "select" }, 
      null, 
      null, 
      null, 
      null, 
      null, 
      null, 
      null, 
      null, 
      null, 
      null] 
    }); 
}); 

我的表的頁眉和頁腳看起來是這樣的:

<thead> 
    <tr> 
     <th>Listing Date</th> 
     <th>Expiration Date</th> 
     <th>Manufacturer</th> 
     <th>Model</th> 
     <th>Body Style</th> 
     <th>Engine</th> 
     <th>Year</th> 
     <th>Mileage</th> 
     <th>Ext. Color</th> 
     <th>Int. Color</th> 
     <th>Listing Price</th> 
     <th>Comments</th> 
     <th>Number Of Views</th> 
     <th class="noSort">Navigation</th> 
    </tr> 
</thead> 

    <tfoot> 
     <tr> 
      <th>Listing Date</th> 
      <th>Expiration Date</th> 
      <th>Manufacturer</th> 
      <th>Model</th> 
      <th>Body Style</th> 
      <th>Engine</th> 
      <th>Year</th> 
      <th>Mileage</th> 
      <th>Ext. Color</th> 
      <th>Int. Color</th> 
      <th>Listing Price</th> 
      <th>Comments</th> 
      <th>Number Of Views</th> 
      <th></th> 
     </tr> 
    </tfoot> 

我沒有得到在Chrome中的任何錯誤。生成的數據表格看起來應該與它應該完全一樣,只是它沒有過濾器列。查看生成的源代碼,列過濾器的JS正在下載。誰能幫忙?

+0

我不是數據表專家,但是這行可能與它有關嗎? '「bFilter」:false,' – 2013-04-11 17:58:15

+0

@Jules - 這正是問題所在!我關閉了這個功能,因爲我不想使用默認的DataTables搜索功能。如果您將此創建爲答案,我會將其投票並接受。 – 2013-04-11 18:01:32

+0

謝謝:)有時可能很難在你自己的代碼中發現顯而易見的東西。 – 2013-04-11 18:03:30

回答

3

評論晉升回答:

我不是數據表的專家,但可能這行有什麼關係呢? "bFilter": false,

相關問題