Using Fixed Header
Using Fixed Header
mcrawford
Posts: 2Questions: 0Answers: 0
hello-
I have read and reread the documentation on this plugin, but I must be missing something.
When I use new FixedHeader(), I get an extra header row, slightly above the original. That one stays in place as it should when the page scrolls. Is there css somewhere I'm missing that is making that display incorrectly?
I also tried to use FixedHeader as in the code below, but when I do I get $.fn.dataTableExt.FixedHeader is not a function. The jquery versions I'm getting from google are also below.
I apologize if I'm missing something obvious, it's not for lack of looking.
thx!
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.2");
$(document).ready(function(){
var oTable = $('#aum-overview-table').dataTable({
bJQueryUI: true
,"sPaginationType": "full_numbers" //could set this to two_button if we don't want all the buttons
,bAutoWidth: true
,bFilter :true
,bInfo:true
,bPaginate : true
,bProcessing : false
});
$.fn.dataTableExt.FixedHeader( oTable );
});
I have read and reread the documentation on this plugin, but I must be missing something.
When I use new FixedHeader(), I get an extra header row, slightly above the original. That one stays in place as it should when the page scrolls. Is there css somewhere I'm missing that is making that display incorrectly?
I also tried to use FixedHeader as in the code below, but when I do I get $.fn.dataTableExt.FixedHeader is not a function. The jquery versions I'm getting from google are also below.
I apologize if I'm missing something obvious, it's not for lack of looking.
thx!
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.2");
$(document).ready(function(){
var oTable = $('#aum-overview-table').dataTable({
bJQueryUI: true
,"sPaginationType": "full_numbers" //could set this to two_button if we don't want all the buttons
,bAutoWidth: true
,bFilter :true
,bInfo:true
,bPaginate : true
,bProcessing : false
});
$.fn.dataTableExt.FixedHeader( oTable );
});
This discussion has been closed.
Replies
Regarding the second point - the code to initialise FixedHeader should be "new FixedHeader( oTable );". There was an error on my documentation there, but correct in the code... page updated: http://datatables.net/release-datatables/extras/FixedHeader/index.html
Allan
Thx for the response. I can't actually point you to the page, since it's still in development, but I figured it out! There was a in the table, and as soon as I removed that the header row was positioned correctly. The issue was happening in both Firefox 3.5.8 and IE 7.
So it works great now, thx very much.
Maura