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 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.

• javascript
• jquery
• datatables

• I'd remend 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 Commented Feb 15, 2012 at 12:42

1 Answer 1

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(); } );
});