Re: [WebAIM] Tables with sticky headers

In principle. you can use:

tbody {
   display: block;
   height: 300px; /* fixed height */
   overflow: auto;
}

Regards,
Ramón.

Jonathan wrote:

> Sailesh, yes this was the intention of the thead and tfoot elements.  In
> addition, the thead and tfoot should appear on the top and bottom of each
> table that spans pages when printing tables.  This feature however hasn't
> been well supported in browsers on-screen.

 >> James and perhaps Steve,
>> 
>> Does HTML5 have a solution to this problem? This has been a problem for
>> long and just marking up table header rows within a THEAD and having an
>> attribute that  like'no VScroll' (I made it up) at the THEAD level or for
>> every TR in the THEAD should make the user agents treat those rows as
>> fixed.
>> And maybe also no horizontal scroll for row header columns. This should
>> make the table headers lock like in an Excel table.
>> Thoughts?

Received on Sunday, 23 February 2014 18:03:45 UTC