rooty/DataTables
1
0
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2024-12-02 14:24:11 +01:00
Code Issues Releases Activity

Performance: Width of scrollbars isn't going to change on a single page

Browse Source 
between table's being reinitialised, so calculating the scrollbar width
every time is a real hit on performance since it needs to manipulate the
DOM. This change ensures that the calculation is performed only once.
This commit is contained in:
Allan Jardine 2013-04-06 09:36:44 +01:00
parent 182998a7c5
commit ad0e08585f
1 changed files with 34 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
media/src/core/core.sizing.js
View File

@ -378,36 +378,41 @@ function _fnStringToCss( s )
*/ */
function _fnScrollBarWidth () function _fnScrollBarWidth ()
{ {
var inner = $('<p/>').css( { if ( ! DataTable.__scrollbarWidth )
width: '100%',
height: 200,
padding: 0
} )[0];
var outer = $('<div/>')
.css( {
position: 'absolute',
top: 0,
left: 0,
width: 200,
height: 150,
padding: 0,
overflow: 'hidden',
visibility: 'hidden'
} )
.append( inner )
.appendTo( 'body' );
var w1 = inner.offsetWidth;
outer.css( 'overflow', 'scroll' );
var w2 = inner.offsetWidth;
if ( w1 === w2 )
{ {
w2 = outer[0].clientWidth; var inner = $('<p/>').css( {
} width: '100%',
height: 200,
outer.remove(); padding: 0
} )[0];
return w1 - w2; var outer = $('<div/>')
.css( {
position: 'absolute',
top: 0,
left: 0,
width: 200,
height: 150,
padding: 0,
overflow: 'hidden',
visibility: 'hidden'
} )
.append( inner )
.appendTo( 'body' );
var w1 = inner.offsetWidth;
outer.css( 'overflow', 'scroll' );
var w2 = inner.offsetWidth;
if ( w1 === w2 )
{
w2 = outer[0].clientWidth;
}
outer.remove();
DataTable.__scrollbarWidth = w1 - w2;
}
return DataTable.__scrollbarWidth;
} }