FixedHeader great, but doesn't seem to be working for me in jsfiddle

PasadenaJacket

I like Datatables.net, and FixedHeader a lot, but I seem to have trouble getting them to work consistently. Consider for example,

http://jsfiddle.net/PasadenaJacket/5X5Z8/

My customer wants three panels: a top and bottom that are fixed postion and size, and a middle panel with content that varies, and scrolls as necessary. Fixed Header seems to work, except that it always displays the immobile header text, overwriting the first line of whatever is supposed to be there.

Can someone help? I'm sure I"m doing something dumb.

Thanks

allan

Looks like your class:

[code]
table .header-fixed {
position: fixed;
top: 90px;
background-color: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
-moz-border-radius: inherit;
}
[/code]

is forcing the position of the fixed header. Perhaps you need to put padding or margin on the table underneath it.

Allan