JQuery Datatables pagination

Question

I can't get my pagination to work after I added a date filtering plug-in to datatables. The original code was like this and it was picking up the pagination fine.

$(document).ready(function() {

 $('#table1').dataTable({
  'sPaginationType': 'full_numbers'
 });

this is my current one with the plug in variables

$(document).ready(function() {
 var oTable = $('#table1').dataTable();
 "sPaginationType": "full_numbers"
 /* Add event listeners to the two range filtering inputs */
 $('#min').keyup( function() { oTable.fnDraw(); } );
 $('#max').keyup( function() { oTable.fnDraw(); } );

});

Thanks in advance.

I'd recommend asking on the Datatables forums. I asked a few questions on there when I was doing some work with the plugin and they were answered quickly. The plugin developer uses the forums too, so somebody there will be able to help. — Ian Stanway
– Ian Stanway, Commented Feb 15, 2012 at 12:42

Colin Brock · Accepted Answer · 2011-02-01 16:57:37Z

4

Well, in your current function, this part:

var oTable = $('#table1').dataTable();
"sPaginationType": "full_numbers"

should be written like this:

var oTable = $('#table1').dataTable({
    'sPaginationType': 'full_numbers'
});

Edit

In case it wasn't clear, the full jQuery code should look like this:

$(document).ready(function() {
    var oTable = $('#table1').dataTable({
        'sPaginationType': 'full_numbers'
    });
    /* Add event listeners to the two range filtering inputs */
    $('#min').keyup( function() { oTable.fnDraw(); } );
    $('#max').keyup( function() { oTable.fnDraw(); } );
});

edited Feb 1, 2011 at 16:57

answered Jan 28, 2011 at 17:52

Colin Brock

21.6k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

glenn Over a year ago

i've updated it now im getting this error.DataTables warning (table id = 'table1'): Cannot reinitialise DataTable. To retrieve the DataTables object for this table, please pass either no arguments to the dataTable() function, or set bRetrieve to true. Alternatively, to destory the old table and create a new one, set bDestroy to true (note that a lot of changes to the configuration can be made through the API which is usually much faster).

Colin Brock Over a year ago

@glenn: I'm not sure, but it sounds like you are creating duplicate dataTables. Can you edit your question to include your current jQuery code and the relevant HTML? I've edited my answer to include the full example in case it wasn't clear enough.

Collectives™ on Stack Overflow

JQuery Datatables pagination

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related