数据表 Jquery 单个列过滤器/搜索答案

【问题标题】：Datatable Jquery Individual Column filter/search数据表 Jquery 单个列过滤器/搜索
【发布时间】：2012-12-21 03:30:32
【问题描述】：

我想搜索表中的所有列。我尝试了很多但没有工作。这里缺少什么？

<table id="table_id" class="display">
<thead>
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Row 1 Data 1</td>
        <td>asdf</td>
    </tr>
    <tr>
        <td>tt</td>
        <td>Row 2 Data 2</td>
    </tr>
</tbody>

这是我的代码：

<script type="text/javascript"  src="media/js/jquery.js"></script>
<script type="text/javascript" src="media/js/jquery.dataTables.js">   </script>
<link rel="stylesheet" href="media/css/demo_table.css" media="screen"  />
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#table_id').dataTable().columnFilter();
 });
</script>

【问题讨论】：

我想要这样的结果，但我做不到datatables.net/examples/api/multi_filter.html
你可以给我的过滤插件github.com/vedmack/yadcf

标签： jquery search filter datatable

【解决方案1】：

如果您不使用默认的列过滤器，则需要包含列过滤器插件。

jquery.dataTables.columnFilter.js

http://jquery-datatables-column-filter.googlecode.com/svn/trunk/index.html

包含插件后，尝试指定如下内容，

  $('#example').dataTable({
             bJQueryUI: true,
             "sPaginationType": "full_numbers"
})


  .columnFilter({  null,  null});

【讨论】：