Header not scrolling to top

svanpoeck

Hi,

I've a table with a fairly complicated layout (code below) and when applying FixedHeader onto it, the header gets cloned fine -almost with correct column widths, too!- but then does not scroll to the top of the page when scrolling down the table. I'm *not* using dataTables on this one.





ID
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q


Name
Name
Name
Name
Name
Name
Name
Name
Name
Name
Name
Name
Name
Name
Name
Name
Name


offers
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1
data 2
data 1




I initialize the FixedHeader thusly:


new FixedHeader(document.getElementById("some_table"));


The styles applied are these:

table.bo {
width: 100%;
font-size: 0.95em;
}

table.bordered {
border: 1px solid #464646;
border-collapse: collapse;
}

table.bordered th, table.bordered td {
border: 1px solid #464646;
}

table.bo a {
font-size: 0.95em;
}

table.bo > thead {
background-color: white;
}

table.bo > thead > tr > th {
border-bottom: 1px solid #464646;
}

table.bo th,
table.bo td {
padding: 0.12em 0.25em;
font-size: 0.75em;
}

table.bo > thead > tr > th {
color: #464646;
font-weight: bolder;
}

table.bo tr.even {
background-color: #F4F3EE;
}

table.bo > tbody > tr:hover {
background-color: #E6E5E0;
color: #464646;
}

.bo-border-right {
border-right: 1px solid #464646;
}


If you need any more information, I'll be glad to provide it.

Many thanks,
Steven

P.S.: Sorry if the code does not show up syntaxically highlighted, I didn't find any information about forum post formatting/options.