Geek asks and answers

JQuery datatables shows page numbers at the top

I am using jQuery Datatables with page numbers at the bottom of the table. However, I would like to move it to the beginning since the page numbers are changed, due to the amount of data (also iDisplayLength set to 100), the user needs to scroll at the top each time, which is annoying.

Here is my code:

     $(function() 
     {
      oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "iDisplayLength": 100,
        "sDom": '<"top"<"actions">fpi<"clear">><"clear">rt<"bottom">',
    });
});

This seems to work, but it removes the show-down drow-down, where I give someone the opportunity to choose the number of records that will be displayed on the page, as well as delete my styles.

+3
source share
1 answer

As @azeos pointed out , you are missing out lon sDom. The corrected code is shown below:

$(function(){
   var oTable = $('#example').dataTable({
       "bJQueryUI": true,
       "sPaginationType": "full_numbers",
       "iDisplayLength": 100,
       "sDom": '<"top"<"actions">lfpi<"clear">><"clear">rt<"bottom">'
   });
});

. sDom (DataTables 1.9) dom (DataTables 1.10+) .

+2

More articles:


All Articles