JQuery dataTable plugin - remove search box, information bar and pagination length drop down

Sometimes it is not necessary to show extra features or functionality of dataTable which are available.
By default search box information bar and pagination length are shown with dataTable. We can remove/hide these elements from dataTable at the time of initializing.

jQuery

$(document).ready(function() {
    $('#dataTable').DataTable( {      
        "searching": false,
         "paging": true, 
         "info": false,         
         "lengthChange":false 
    } );
} );

Preview

See the Pen Bootstrap jquery dataTable Remove search box and pagination drop down by Yashwant Patel (@yashwant) on CodePen.

Download Souce


   

Share This:

Post Tags:

jQuery jQuery DataTable

Yashwant Patel