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

jquery html datatables
leora picture leora · Dec 17, 2009 · Viewed 332.4k times · Source

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?

Answer

antpaw picture antpaw · Dec 17, 2009

For DataTables >=1.10, use: 

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

For DataTables <1.10, use: 

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

or using pure CSS:

.dataTables_filter, .dataTables_info { display: none; }

Related questions

Datatables warning(table id = 'example'): cannot reinitialise data table

I am working with datatables example and getting an error like this when loading page: Datatables warning(table id = 'example'): cannot reinitialise data table. To retrieve the DataTables object for this table, pass no arguments or see the docs for …

Read More
how to remove pagination in datatable

I am new in jQuery. I have used Datatables in grid but need not pagination. There is a list of orders in one page and I show them in a Datatable grid but in bottom I do not want to …

Read More
jQuery DataTable overflow and text-wrapping issues

I have the following DataTable (full-width css class sets width = 100%) <table class="datatable full-width"> <thead> <th>LOB</th> <th>Creditor Line 1</th> <th>Creditor Line 2</…

Read More