datatable lazy loading "stuck"

swallace

When using lazy loading with the datatable there is a curious behavior. The grid will show ten rows at a time and is supposed to scroll more rows into view as the user scrolls down. However if ten rows fit exactly in the grid, even with more rows returned, the grid will not scroll down to those additional rows. However, if the returned rows wrap, as in a date-time column wrapping and forcing a taller row so ten rows do not all show at once on the grid then the grid will lazy load as expected, returning more and more rows as the user scrolls down. Is this a known issue? How can I fix this issue?

swallace

What we added for scrolling:

function initTables() {
$('.dataGrid').dataTable({
"bJQueryUI": true,
"bScrollInfinite": true,
"bScrollCollapse": true,
"sScrollY": "420px",
"sScrollX": "100%"

});
}

swallace

Reducing "sScrollY": "294px" seemed to do the trick by making the 10th row clipped of at the bottom and thus the scroll bar reappeared and infinate scrolling would work. What still remains a mystery is where the "10 Rows per page" setting is done. That appears to be fixed for some reason when one uses infinate scrolling.