Question

I am using jQuery dataTables version 1.9.2

Table is created with class datatable and displayed properly but now I want to use fnPageChange hence I need object of the table.

$(document).ready(function(){
        var oTbl = $(".datatable").dataTable();
    });

This code gives alert that says –

DataTables warning (table id = 'tblCat'): Cannot reinitialise DataTable.    
To retrieve the DataTables object for this table, pass no arguments or
see the docs for bRetrieve and bDestroy.

I read that Version 1.7 fixed this issue regarding popup here.

How can I get the existing object of the table to work with ?

Answer 1

What I have done is-
while initializing the datatable 'bRetrieve':true was added to the code.

And the I was able to get the object of the existing table and further I am able to navigate through the page using fnPageChange.

This worked for me at least for now, lets c if this generates any new problems in future…:)

Following code worked.

    $(document).ready(function($){
  // column count starts with 0
  var oTbl = $('.datatable').dataTable(
   {"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>",
   "sPaginationType": "bootstrap",
   "bFilter": false,
   "bInfo" : false,
   // list of columns those will be unsortable
   "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 6 ] }],
   "bRetrieve":true,
   "oLanguage": {"sLengthMenu": "_MENU_ records per page"}} );
   // default sorting on this column
   oTbl.fnSort( [ [5,'desc'] ]);
  });