Search code examples
jqueryhtmldatatables

How can I remove the search bar and footer added by the jQuery DataTables plugin?

I am using jQuery DataTables.

I want to remove the search bar and footer (showing how many rows there are visible) that is added to the table by default. I just want to use this plugin for sorting, basically. Can this be done?

Solution

  • For DataTables >=1.10, use:

    $('table').dataTable({searching: false, paging: false, info: false});

    If you still want to be able to use the .search() function of this plugin, you will need to hide the search bar's html with the dom setting:

    $('table').dataTable({dom: 'lrt'});

    The defaults are lfrtip or <"H"lfr>t<"F"ip> (when jQueryUI is true), f char represents the filter (search) html in the dom, ip for the info and pagination (footer).

    For DataTables <1.10, use:

    $('table').dataTable({bFilter: false, bInfo: false});

    or using pure CSS:

    .dataTables_filter, .dataTables_info { display: none; }