如何使用jQuery DataTables插件過濾頁面加載數據？

我在我的應用程序中使用了jQuery DataTables插件，並且顯示了多年的一組數據。當頁面加載時，我希望數據開始過濾到當前年份。頁面加載時是否可以擁有插件過濾器數據？如何使用jQuery DataTables插件過濾頁面加載數據？

2012-01-20 Michael

關於這個題外話 - 不。這顯然是一個問題，從DataTables站點找到解決方案並不容易。這個問題出現在前10個鏈接中的搜索中。此外 - 格奧爾格恩格爾給出的答案是一個很好的答案。 –

這不是題外話題，但確實需要提問者提供更多信息。我會說格奧爾格恩格爾的回答對另外一個問題是一個很好的答案，但並沒有回答這個問題。 –

$(document).ready(function() { 
    oTable = $('#example').dataTable(); 

    /* Filter immediately */ 
    oTable.fnFilter('test string'); 
});

如果您需要過濾只有特定的列，使用（從零開始）columnIndex作爲第二個參數：

oTable.fnFilter('test string', columnIndex);

來源

2012-01-20 07:40:25

-1

你可以嘗試

JQuery DataTables列過濾插件

列過濾功能是您需要在DataTables網站上使用自定義示例來實現的功能之一。作爲替代方案，您可以使用DataTables列過濾器插件，其中來自DataTables站點的大部分代碼都是封裝的。

實施和自定義列篩選您將定義把數據表插件和列過濾插件，並增強你的HTML表格基本dataTable的插件，然後用columnFilter插件作爲示例所示：

$("#dataTableId").dataTable().columnFilter();

看文本 - 默認行爲。您可以定義是否正則表達式或智能過濾會在過濾中使用，

這裏http://code.google.com/p/jquery-datatables-column-filter/wiki/ColumnFilter

的活生生的例子http://jquery-datatables-column-filter.googlecode.com/svn/trunk/default.html

編輯

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>  
<script type="text/javascript" src="Scripts/scripts-pack.js"></script> 

This plugin will then create the filters in a row in the THEAD element of the table so add this if it is not already there. 


<table id='demotable'>   
    <thead> 
     <tr><th>Col1</th><th>Col2</th><th>Col3</th></tr>   
    </thead> 
    <tbody> 
     <tr><td>Value 1</th><th>Value 2</th><th>Value 3</th></tr>   
     .... 
    </tbody> 
</table> 

Hook in your table when the document is loaded. 


$(document).ready(function() { 
    $('#demotable).tableFilter(); 
});

參考http://www.picnet.com.au/blogs/Guido/post/2009/06/29/JQuery-Table-Filter-Plugin.aspx

來源

2012-01-20 07:44:42

如何使用jQuery DataTables插件過濾頁面加載數據？

回答

相關問題