[html5] table with fixed headers

[Larry Martell]

On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra
<emerson at emersonveenstra.net> wrote:
> 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.

Sorry, a typo that got cut and pasted.

> http://jsfiddle.net/34Fd5/23/ is this what you want?

No, I need the headers and data to be aligned without me explicitly
setting the widths.