Custom filter buttons?

mrogers

I want to set up something like this:

http://newsonaut.com/datatable/

There would be four buttons at the top that would act as filters on the second column.

Anyone know how?

tangerine

....or you could use this:
http://datatables.net/examples/api/multi_filter_select.html

allan

I would suggest the column().search() method. Simply attach an event handler to the links that will trigger a call to that method, with he search term you want (possibly reading from a data attribute in the link, or the link text itself if you wanted):

$('ul').on( 'click', 'a', function () {
  table.column( 1 ).search( $(this).text() );
} );

You might want to add an id to the list so make sure no other lists are included in it in future.

Allan

mrogers

In case it helps someone else, here's what worked for me:

var table = $('#example').DataTable();

$('ul').on( 'click', 'a', function () {
 
table
    .columns( 1 )
    .search(  $(this).text() )
    .draw();
});