DataTable: Hide the Show Records drop-down list, but keep the Search field

Question

Can I hide the Show Records drop-down list but save the search field in a DataTable? I want to always display 10 lines of pagination at the bottom along with the search field, but I do not want to display the "Show Entries" drop-down menu.

Answer 1

You can find more information at this link: http://datatables.net/examples/basic_init/filter_only.html

$(document).ready(function() { $('#example').dataTable({ "bPaginate": false, "bLengthChange": false, "bFilter": true, "bInfo": false, "bAutoWidth": false }); }); 

Hope this helps!

EDIT: If you are lazy, "bLengthChange": false, this is the one you need to change :)

Answer 2

If Datatable> 1.1.0 is used, then the lengthChange option is what you need, as shown below:

 $('#example').dataTable( { "lengthChange": false }); 

Answer 3

This is the key response to this post "bLengthChange": false, will hide Dropdown

Answer 4

sDom: "Tfrtip" or via a callback:

 "fnHeaderCallback": function(){ $('#YOURTABLENAME-table_length').hide(); } 

Answer 5

For DataTables <= 1.9, @perpo answer

 $('#example').dataTable({ "bLengthChange": false }); 

works fine, but for 1.10+ try the following:

 $('#example').dataTable({ "dom": 'ftipr' }); 

where we left l "change input control"

1.9 Documents

1.10 Documents

Answer 6

 "searching": false, // Search Box will Be Disabled "ordering": false, // Ordering (Sorting on Each Column)will Be Disabled "info": true, // Will show "1 to n of n entries" Text at bottom "lengthChange": false // Will Disabled Record number per page 

Answer 7

Add this parameter:

 "bInfo": false 

Answer 8

To hide the "show entries", but still have pagination. I used the code below and it worked.

 "bPaginate": true, "bLengthChange": false, "bFilter": true, "bInfo": false, "bAutoWidth": false 

Answer 9

To disable the Show Records label, use bInfo, for example: bFilter is a search component, but is active by default.

 $(document).ready( function () { $('#example').dataTable( { "bInfo": false } ); } ); 

Enable or disable the display of table information. This shows information about the data that is currently visible on the page, including information about the filtered data if this action is performed.

Answer 10

To disable the "Show Entries" shortcut, add the dom: "Bfrtip" code or you can add "bInfo": false

 $('#example').DataTable({ dom: 'Bfrtip' })