FixHeader Enhancement
FixHeader Enhancement
jimpsr
Posts: 1Questions: 0Answers: 0
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.
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.