Scroller not rendering rows

abnormal

Hello all,

I just started using DataTables and I'm having some trouble getting Scroller plugin to work. This is my configuration:

[code]
$("#sg2").dataTable({
"aaData": data,
"bDeferRender": true,
"sScrollY": "200px",
"bPaginate": true,
"bFilter": false,
"sDom": "frtiS",
"bInfo": true,
"aaSorting": [],
"aoColumns": [
{ "sTitle": "SecCode", "mData": "SecCode" },
{ "sTitle": "Price", "mData": "Price" },
{ "sTitle": "Quantity", "mData": "Quantity" },
{ "sTitle": "Value", "mData": "Value" },
{ "sTitle": "Time", "mData": "Time" },
{ "sTitle": "Number", "mData": "Number" }
]
});
[/code]

DataTables renders the first 10 rows of data, but when I start scrolling grid is empty even though there is 3000 objects in data array. When I set the bPaginate parameter to false, everything gets rendered at once.

What am I missing?

Thanks!

allan

Please link to a test case showing the problem.

Allan

abnormal

Hello Allan,

thank you for your reply, but I managed to localize the problem. One of my CSS classess is causing this strange problem. I will investigate this issue further and get back to you with a detailed explanation... if I find one :)

Cheers!