DataTable with Scroller, serverSide, scrollY and scrollCollapse broken
DataTable with Scroller, serverSide, scrollY and scrollCollapse broken
When using the combination of options above, Scroller sets max-height
instead of height
on the table which means fnMeasure
gets a height of zero back from $(this.dom.scroller).height()
, and therefore only requests 9 rows from the server (displayBuffer
is 9 by default). Any table of more than 9 rows display incorrectly until you've scrolled far enough for it to perform another fetch from the server.
I've fixed it temporarily by adding this under the line heights.viewport = $(this.dom.scroller).height()
in fnMeasure
, but wonder if anyone can provide a proper fix?:
if (heights.viewport == 0) {
var forcedHeight = $("<div>").css('height', $(this.dom.scroller).css('max-height'));
heights.viewport = forcedHeight.height();
}