[html5] table with fixed headers

Larry Martell larry.martell at gmail.com
Thu Jul 3 07:34:24 PDT 2014


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.


More information about the Help mailing list