Pagination div booth have at bottom and top of the table

wondris009

Hi Allan, i am trying to have pagination div above AND belov the table. I am applying this code:
$("#debugTable_paginate").clone().appendTo("#debugTable_length");
$("#debugTable_info").clone().appendTo("#debugTable_length");

Lower div looks like this:


Showing 1 to 10 of 240 entries

First
Previous

1
2
3
4
5

Next
Last



But upper pagination div looks like this:


First
Previous

Next
Last




It contains no pages, only (first, prev, next, last spans without concrete pages (note that table has more then 10 pages)). And div#debugTable_info is inside div#debugTable_paginate.

Here is my initialization code for table which is included in ready function:

$("#debugTable").dataTable({
"bServerSide": true,
"bFilter": false,
"bSort": true,
"aaSorting": [[0,'desc']], //specify default sorting column index and order type
"sAjaxSource": url,
"bRetrieve": true,
"bDestroy": true,
"bJQueryUI": true,
"bPaginate": true,
"aLengthMenu": [10, 50, 100, 300], // specify list of numbers of records in pagination header
"sPaginationType": "full_numbers"
});
$("#debugTable_paginate").clone().appendTo("#debugTable_length");
$("#debugTable_info").clone().appendTo("#debugTable_length");

Can you see what i am doing wrong?

wondris009

I have solved it because of http://www.datatables.net/usage/options and sDom. Your table framework is briliant.

Lukas