Datatables JQuery pagination on both top and bottom solution (if you use bJQueryUI)


If you use the Datatables plugin with JQuery found on this address and need to pagination on both the top and bottom location of  Datatable plugin, you should apply the following;

Just add the property sDom like the following one (p parameter will add the pagination functionality for both on the top and bottom location)

“sDom”: ‘<“H”lfrp>t<“F”ip>’

sample script;

oTable = $(‘#table’).dataTable({
“bServerSide”: true,
“bJQueryUI”: true,
“bSort”: true,
“bFilter”: false,
“bAutoWidth”: false,
 “sDom”: ‘<“H”lfrp>t<“F”ip>’,

Advertisements

2 thoughts on “Datatables JQuery pagination on both top and bottom solution (if you use bJQueryUI)

  1. Tuna,
    Thanks. I have a problem with datatables. When I use “bJQueryUI”: true then sorting arrows are not showing, if “bJQueryUI”: false then sorting arrows are in place. Do you know what can be the reason?

    1. Try to download full Jquery installation + reference style sheets accordingly that should fix the problem you have,
      also pay attention the order of importing style sheets of default jquery ui

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s