Progressive Rendering
Progressive Rendering
penguin020
Posts: 1Questions: 0Answers: 0
Purpose: An added feature to class Scroller to improve perceived performance. Using progressive rendering would reduce the chance that rows will need to be rendered at the time of display.
Render large tables in blocks, using a timeout
Options:
[code]
bProgressiveRendering: default false
iRenderBlockSize: default 100
iRenderBlockTimeout: default 200
jQuery.fn.dataTableExt.fnGetNextProgressiveRenderingTimout = function(iBlockToRender)
{
//In this example, the rendering of the second block would take 200ms
var msUntilRenderingNextBlock = iBlockToRender * 100;
return
}
jQuery.fn.dataTableExt.fnGetNextProgressiveRenderingBlockSize = function(iBlockToRender)
{
//In this example, the size of the second block would be 25
var msNextBlockSize = iBlockToRender < 5 ? 25 : 10;
return;
}
[/code]
Render large tables in blocks, using a timeout
Options:
[code]
bProgressiveRendering: default false
iRenderBlockSize: default 100
iRenderBlockTimeout: default 200
jQuery.fn.dataTableExt.fnGetNextProgressiveRenderingTimout = function(iBlockToRender)
{
//In this example, the rendering of the second block would take 200ms
var msUntilRenderingNextBlock = iBlockToRender * 100;
return
}
jQuery.fn.dataTableExt.fnGetNextProgressiveRenderingBlockSize = function(iBlockToRender)
{
//In this example, the size of the second block would be 25
var msNextBlockSize = iBlockToRender < 5 ? 25 : 10;
return;
}
[/code]
This discussion has been closed.