2

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

<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>
4

1 回答 1

2

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

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});
于 2013-01-29T23:42:33.550 回答