FixHeader Enhancement

FixHeader Enhancement

jimpsrjimpsr Posts: 1Questions: 0Answers: 0
edited April 2010 in FixedHeader
If you use fixed headers in tabs (e.g. jquery ui tabs) then all of them will appear on the page if you switch from on tab to another. I have a hack that will work for the moment (not guarantee it will work in other situations though).
1) Add property div in oSettings:
var oSettings = {
///{{hack}}
"div": null,
///{{/hack}}
...

2) in _fnCloneTable:

///{{hack}}
//document.body.appendChild( nDiv );
s.div = nDiv;
jQuery(nDiv).hide();
jQuery(s.nTable.parentNode).append(nDiv);
///{{//hack}}

3) in _fnUpdateCache

/// {{hack}}
var s = this.fnGetSettings();
if(s.div && sCache === 'sTop'){
if(sSet === '0px'){
jQuery(s.div).show();
}else{
jQuery(s.div).hide();
}
}
/// {/hack}}


Since tabs is quite common ui widgets these days, probably an update in the future for fixed header to work with tabs will be a good idea.
This discussion has been closed.