Hey I'm using datatables with JUI, my ini is this:

[code]
oTable = $('#example').dataTable( {
"sDom": 'R<"H"lfr>t<"F"ip<',
"bjQueryUI": true,
"bProcessing": true,
"sAjaxSource": '../ajax/getglobal.php',
"bAutoWidth": false,
"iDisplayLength": 25,
"aoColumns": [ { "sTitle": "NDB_No", "bSortable": false, "bSearchable": false, "bVisible": false },
{ "sTitle": "Food", "sWidth": "60%", "bSortable": true },
{ "sTitle": "F.G.", /*"sWidth": "2%",*/ "bSortable": false },
{ "sTitle": "Food Group Description", "sWidth": "36%", "bSortable": true } ],
"bPaginate": true,
"sPaginationType": "full_numbers",
"bLengthChange": true,
"bFilter": true,
"bSort": true,
"aaSorting": []
});
[/code]

everything works fine exept for the pagination buttons at the bottom.

First of all they do not like like the rest of my JUI buttons because they don't have the same colors for active, hover, etc. They appear grayed out. I want them to look like standard JUI buttons. I think this has something to do with the demo_table css file which i downloaded with datatables and is currently untouched. I dont know how to modify the styles so make jui buttons. i tried deleting the colours for .paging_full_numbers styles because i thought they were overriding the correct backgrounds, but its clear in firebug these table buttons don't even have the same class as my regular buttons. besides, i though ini the table with bjQueryUI would take care of this. Also, the header and footer do have SOME JUI formatting, it has the correct background gloss wave. the only problem is the buttons. Maybe there's a way to ini the table with the correct classes for the buttons?

Second, there are almost 8000 entries in the table. if i skip to last page, the pagination buttons at the buttom are too many and the result is the rightmost buttons are partly pushed out of the table container and cut off. This despite the fact it looks like theres sufficient space if theyre just shifted left.

Appreciate any help, especially with the buttons. thanks, G