[html5] table with fixed headers

[Emerson Veenstra]

On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell <larry.martell at gmail.com>
wrote:

> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay <webmaster at tsmchughs.com>
> wrote:
> > On 7/1/14, 9:43 AM, Larry Martell wrote:
> >>
> >> On Tue, Jul 1, 2014 at 12:29 PM, Brian Tremblay wrote:
> >>>
> >>> On 7/1/14, 9:19 AM, Larry Martell wrote:
> >>>>
> >>>>
> >>>> On Tue, Jul 1, 2014 at 9:27 AM, Martin Gainty wrote:
> >>>>>
> >>>>>
> > [snip html table]
> >>>>>>
> >>>>>> Is there any way to get fixed headers without explicitly
> >>>>>> setting the width of the table cells?
> >>>>
> >>>>
> >>>> the column headers are not aligned with the data:
> >>>
> >>>
> >>> I don't know what you mean. I pasted your page into my browser,
> >>> and there are 2 rows with 3 columns each, lined up as I'd expect.
> >>> What do you expect to happen that doesn't?
> >>
> >>
> >> Please look at this fiddle:
> >>
> >> http://jsfiddle.net/34Fd5/
> >
> >
> > That tells me nothing. You need to explain what you think should happen
> > that doesn't.
>
> I have said what I want to happen: I want a table with fixed headers
> (i.e. headers that do not scroll off the screen when the table is
> scrolled) and I want the table cells to auto size as a table will
> normally do.
>
> > BTW, your html has more than 30 errors, including this one:
> >
> > "Warning Line 32, Column 17: A table row was 3 columns wide, which is
> > less than the column count established by the first row (4)."
> >
> > Correct that, and the columns may line up the way you'd expect. And
> > please correct the other errors while you're at it, so that debugging is
> > easier and we can provide better help.
>
> I posted a small example showing the problem. The 'errors' have
> nothing to do with the issue. But I have found out that by setting
> display:block on the tbody, I essentially remove the “tableness”. So I
> am SOL.
>

http://validator.w3.org/check?uri=http%3A%2F%2Fjsfiddle.net%2F34Fd5%2Fshow%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

If you're asking for help, you could at least double check your work to
make sure there aren't easily fixable errors like writing 'aligh' instead
of 'align' and not closing the div.

http://jsfiddle.net/34Fd5/23/ is this what you want?
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20140703/2835413a/attachment.htm>