How to hide “Showing 1 of N Entries” with jQuery datatables

By Tan Lee Published on May 28, 2024 2.45K

To hide the "Showing # to # of # entries" message in jQuery DataTables, you can use CSS to hide the element containing this information.

How to hide show entries in datatables?

Using CSS with the class dataTables_info, which typically contains the message about the number of entries being shown.

<style>
    .dataTables_info {
        display: none;
    }
</style>

By setting its display property to "none", you effectively hide this element from view.

Another way, you can configure in javascript

datatables remove show entries text

// datatables hide show entries
// datatables remove showing 1 of
$('#table').DataTable({
  "info": false
});

datatables change show entries text

If you want to change label

$('#table').DataTable({
 "oLanguage": {
               "sInfo" : "Showing _START_ to _END_ of _TOTAL_ entries",// text you want show for info section
            },

});

The "oLanguage" option allows you to customize various text elements in the DataTable, and setting "info": "" removes the "Showing # to # of # entries" line.

Tan Lee