i been going on with Paul’s scrollable table with fixed header and i got it. but i am having a problem while in compatibility mode in IE, if u see the header of search box th changes places. how do i fix it? also i wanna give a little space like after each th there will be little white space to make it prominent with each has a cell. how do i do it?
ok thanks though! i did got the position thing very good now.though i need to study the scrollable table thing more. u know i m dumb n slow but atleast i am ninja os position thanks to you and Ryan, Stomme poes
i m confused over what should be in tfoot as
The tfoot should be exactly the same as the thead. If you don’t add content to tfoot then then the thead is effectively empty because it has been removed with absolute positioning and therefore does not exist in the table.
Sorry but javascript sorting is a question for the JS forum
i m confused over what should be in tfoot as, i got different things if i talk about placing things in tfoot. that is why i let the tfoot have equal number of td’s. though i have another problem. the th has a class sortable which has js of sorting things. its working but not on whole cell. just on selected words to get things sorted
Hi,
If you mean that the header row is more to the right in IE then that’s because of the text-align:center on the th which affects absolute positioning in IE.
You need to set the the text to left.
.scrollbox thead th{text-align:left}
The tablefoot should contain the same data as the header row as it is this footer content that holds the space open and allows the thing to work. You could then just apply some padding right to the p element in the tablefoot to hold the space open if you want an extra gap.