Column Filtering with dataTables

Since Version 3.1.13, WP-Filebase includes the columnFilter Plugin for dataTables.

To use it, modify your dataTable Template Header & Footer:

Header

%print_script:jquery-dataTables%
%print_script:jquery-dataTables-columnFilter%
%print_style:jquery-dataTables%
<table id="wpfb-data-table-%uid%">
<thead>
<tr><th scope="col">Name</th><th scope="col">Size</th><th scope="col">Hits</th></tr>
</thead>
<tbody>

Footer

</tbody>
<tfoot>
<tr><th scope="col">Name</th><th scope="col">Size</th><th scope="col">Hits</th></tr>
</tfoot>
</table>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function() {
jQuery('#wpfb-data-table-%uid%').dataTable().columnFilter();
} );
</script>

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

One thought on “Column Filtering with dataTables

  1. renoovodesign says:
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    This doesn’t work!

    Is there any code that needs adding anywhere else.

    Could you put some screenshot for examples. Maybe you should put a link to the author’s website for documentation: http://jquery-datatables-column-filter.googlecode.com/svn/trunk/index.html

Leave a Reply

Your email address will not be published. Required fields are marked *