this song has no title

From larry.martell at gmail.com Tue Jul 1 04:00:48 2014 From: larry.martell at gmail.com (Larry Martell) Date: Tue, 1 Jul 2014 07:00:48 -0400 Subject: [html5] table with fixed headers Message-ID: I am trying to implement a table with fixed headers using the concepts from this page: http://www.imaputz.com/cssStuff/bigFourVersion.html# When I implemented the CSS from that page, my table columns are not aligned with the table headers. http://jsfiddle.net/softvar/yL84C/ I was able to 'fix' this by explicitly setting the cell size: http://jsfiddle.net/cFr38/ But that doesn't really work well for my app as I have 10 different tables the user can display, and they each have 25-35 columns, and I do not necessarily know in advance how wide the data will be. Currently, without the fixed headers, I do not specify the column width and they are automatically sized. Is there any way to get fixed headers without explicitly setting the width of the table cells? From mgainty at hotmail.com Tue Jul 1 06:27:58 2014 From: mgainty at hotmail.com (Martin Gainty) Date: Tue, 1 Jul 2014 09:27:58 -0400 Subject: [html5] table with fixed headers In-Reply-To: References: Message-ID: white-space: nowrap this song has no title

NAME	This is a short message	TIME
NAME OTHER	This is a llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllloooooooooooooooonnnnnnnnnnnnnngggggggggggggggggggg message	TIME_VERY_LONG_FORMAT

*Saludos Cordiales desde EEUU* Mart?n _________________ > Date: Tue, 1 Jul 2014 07:00:48 -0400 > From: larry.martell at gmail.com > To: help at lists.whatwg.org > Subject: [html5] table with fixed headers > > I am trying to implement a table with fixed headers using the concepts > from this page: > > http://www.imaputz.com/cssStuff/bigFourVersion.html# > > When I implemented the CSS from that page, my table columns are not > aligned with the table headers. > > http://jsfiddle.net/softvar/yL84C/ > > I was able to 'fix' this by explicitly setting the cell size: > > http://jsfiddle.net/cFr38/ > > But that doesn't really work well for my app as I have 10 different > tables the user can display, and they each have 25-35 columns, and I > do not necessarily know in advance how wide the data will be. > Currently, without the fixed headers, I do not specify the column > width and they are automatically sized. Is there any way to get fixed > headers without explicitly setting the width of the table cells? > _______________________________________________ > Help mailing list > Help at lists.whatwg.org > http://lists.whatwg.org/listinfo.cgi/help-whatwg.org -------------- next part -------------- An HTML attachment was scrubbed... URL: From larry.martell at gmail.com Tue Jul 1 09:19:07 2014 From: larry.martell at gmail.com (Larry Martell) Date: Tue, 1 Jul 2014 12:19:07 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

Message-ID: Thanks very much for the reply Martin. But this doesn't seem to fix my problem - i.e. the column headers are not aligned with the data: http://jsfiddle.net/34Fd5/ On Tue, Jul 1, 2014 at 9:27 AM, Martin Gainty wrote: > white-space: nowrap > > > > this song has no title > > > > > > > > > > > > > > >

NAME	This is a short message	TIME
NAME OTHER	This is a > llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllloooooooooooooooonnnnnnnnnnnnnngggggggggggggggggggg > message	TIME_VERY_LONG_FORMAT

> > > > *Saludos Cordiales desde EEUU* > Mart?n > _________________ > > >> Date: Tue, 1 Jul 2014 07:00:48 -0400 >> From: larry.martell at gmail.com >> To: help at lists.whatwg.org >> Subject: [html5] table with fixed headers > >> >> I am trying to implement a table with fixed headers using the concepts >> from this page: >> >> http://www.imaputz.com/cssStuff/bigFourVersion.html# >> >> When I implemented the CSS from that page, my table columns are not >> aligned with the table headers. >> >> http://jsfiddle.net/softvar/yL84C/ >> >> I was able to 'fix' this by explicitly setting the cell size: >> >> http://jsfiddle.net/cFr38/ >> >> But that doesn't really work well for my app as I have 10 different >> tables the user can display, and they each have 25-35 columns, and I >> do not necessarily know in advance how wide the data will be. >> Currently, without the fixed headers, I do not specify the column >> width and they are automatically sized. Is there any way to get fixed >> headers without explicitly setting the width of the table cells? >> _______________________________________________ >> Help mailing list >> Help at lists.whatwg.org >> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org From webmaster at tsmchughs.com Tue Jul 1 09:29:54 2014 From: webmaster at tsmchughs.com (Brian Tremblay) Date: Tue, 01 Jul 2014 09:29:54 -0700 Subject: [html5] table with fixed headers In-Reply-To: References:

Message-ID: <53B2E202.3030609@tsmchughs.com> On 7/1/14, 9:19 AM, Larry Martell wrote: > > On Tue, Jul 1, 2014 at 9:27 AM, Martin Gainty wrote: >> >>> >>> >>> this song has no title >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>>

NAME	This is a short message	TIME
NAME OTHER	This is a >>> llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllloooooooooooooooonnnnnnnnnnnnnngggggggggggggggggggg >>> message	TIME_VERY_LONG_FORMAT

>>> >>> >>> >>> Is there any way to get fixed headers without explicitly setting >>> the width of the table cells? >> >> white-space: nowrap > > this doesn't seem to fix my > problem - i.e. 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? -- Brian Tremblay From larry.martell at gmail.com Tue Jul 1 09:43:09 2014 From: larry.martell at gmail.com (Larry Martell) Date: Tue, 1 Jul 2014 12:43:09 -0400 Subject: [html5] table with fixed headers In-Reply-To: <53B2E202.3030609@tsmchughs.com> References:

<53B2E202.3030609@tsmchughs.com> Message-ID: 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: >>> >>> >>>> >>>> >>>> this song has no title >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>>

NAME	This is a short message	TIME
NAME OTHER	This is a >>>> >>>> llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllloooooooooooooooonnnnnnnnnnnnnngggggggggggggggggggg >>>> message	TIME_VERY_LONG_FORMAT

>>>> >>>> >>>> >>>> Is there any way to get fixed headers without explicitly setting >>>> the width of the table cells? > >>> >>> white-space: nowrap > >> >> this doesn't seem to fix my >> problem - i.e. 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/ From larry.martell at gmail.com Tue Jul 1 12:19:20 2014 From: larry.martell at gmail.com (Larry Martell) Date: Tue, 1 Jul 2014 15:19:20 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> Message-ID: Maybe if I ask this question a different way, I can figure out an answer. Normally when I create a table I apply no CSS to it and it just does the right thing, e.g.: http://jsfiddle.net/u6ULk/ But I want the table to be scrollable with a fixed header, so I do this: http://jsfiddle.net/mrLVG/ >From testing I found that I have to have display: block; on both tbody.scrollContent and thead.fixedHeader tr or I do not get the scrollbars and fixed headers. But it is also the display: block that seems to be causing the misalignment. Is it possible to have a scrolling table with fixed headers without explicitly specifying the table cell sizes? On Tue, Jul 1, 2014 at 12:43 PM, 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: >>>> >>>> >>>>> >>>>> >>>>> this song has no title >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>>

NAME	This is a short message	TIME
NAME OTHER	This is a >>>>> >>>>> llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllloooooooooooooooonnnnnnnnnnnnnngggggggggggggggggggg >>>>> message	TIME_VERY_LONG_FORMAT

>>>>> >>>>> >>>>> >>>>> Is there any way to get fixed headers without explicitly setting >>>>> the width of the table cells? >> >>>> >>>> white-space: nowrap >> >>> >>> this doesn't seem to fix my >>> problem - i.e. 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/ From spartha80 at gmail.com Wed Jul 2 05:07:37 2014 From: spartha80 at gmail.com (S Partha) Date: Wed, 2 Jul 2014 17:37:37 +0530 Subject: [html5] Question on label as a part of interactive content Message-ID: HI all, As per the spec http://dev.w3.org/html5/spec-preview/content-models.html#interactive-content, label element is marked as interactive without any exceptions. Label elements are still considered interactive, even if they don't have any labeled control. Is there a specific reason to treat labels this way? Regards Sudarshan -------------- next part -------------- An HTML attachment was scrubbed... URL: From jukka.k.korpela at kolumbus.fi Wed Jul 2 05:28:54 2014 From: jukka.k.korpela at kolumbus.fi (Jukka K. Korpela) Date: Wed, 02 Jul 2014 15:28:54 +0300 Subject: [html5] Question on label as a part of interactive content In-Reply-To: References: Message-ID: <53B3FB06.5060203@kolumbus.fi> 2014-07-02 15:07, S Partha wrote: > As per the spec > http://dev.w3.org/html5/spec-preview/content-models.html#interactive-content, > label element is marked as interactive without any exceptions. Label > elements are still considered interactive, even if they don't have any > labeled control. Is there a specific reason to treat labels this way? The element is meant for labeling controls. I think we should rather ask why a element without a labeled control is permitted at all. Maybe the answer is that a page may have a element that has no labeled control at the start, or in some other phase, but then becomes associated with a labeled control. Since a element without labeled control is anomalous (though apparently used by some people who have not understood its purpose and intended use), it sounds reasonable to simplify rules so that is always treated as interactive. It is true that some other elements have conditions like ?if the ... attribute is present?, but these are simpler ?if it has a labeled control? (which would need to be decided by looking at the @for attribute, if present, *and* the content of the element). -- Yucca, http://www.cs.tut.fi/~jkorpela/ From webmaster at tsmchughs.com Wed Jul 2 14:54:29 2014 From: webmaster at tsmchughs.com (Brian Tremblay) Date: Wed, 02 Jul 2014 14:54:29 -0700 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> Message-ID: <53B47F95.9090307@tsmchughs.com> 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. 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. -- Brian Tremblay From derernst at gmx.ch Thu Jul 3 00:38:11 2014 From: derernst at gmx.ch (Markus Ernst) Date: Thu, 03 Jul 2014 09:38:11 +0200 Subject: [html5] table with fixed headers In-Reply-To: References: Message-ID: <53B50863.1060502@gmx.ch> Am 01.07.2014 13:00 schrieb Larry Martell: > I am trying to implement a table with fixed headers using the concepts > from this page: > > http://www.imaputz.com/cssStuff/bigFourVersion.html# > > When I implemented the CSS from that page, my table columns are not > aligned with the table headers. > > http://jsfiddle.net/softvar/yL84C/ > > I was able to 'fix' this by explicitly setting the cell size: > > http://jsfiddle.net/cFr38/ > > But that doesn't really work well for my app as I have 10 different > tables the user can display, and they each have 25-35 columns, and I > do not necessarily know in advance how wide the data will be. > Currently, without the fixed headers, I do not specify the column > width and they are automatically sized. Is there any way to get fixed > headers without explicitly setting the width of the table cells? I had the same task about 3 years ago. I found some jQuery based JS solutions that worked more or less (rather less), they may have been improved since then. If you want to go that way, a search for "jQuery scrollable table" will point you there. Anyway, after scrollable table bodies have been requested for so many years, I am really surprised about the fact that simply setting tbody { overflow:auto } has no support yet. From larry.martell at gmail.com Thu Jul 3 07:34:24 2014 From: larry.martell at gmail.com (Larry Martell) Date: Thu, 3 Jul 2014 10:34:24 -0400 Subject: [html5] table with fixed headers In-Reply-To: <53B47F95.9090307@tsmchughs.com> References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> Message-ID: On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay 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. From emerson at emersonveenstra.net Thu Jul 3 07:50:35 2014 From: emerson at emersonveenstra.net (Emerson Veenstra) Date: Thu, 3 Jul 2014 10:50:35 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> Message-ID: On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell wrote: > On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay > 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: From emerson at emersonveenstra.net Thu Jul 3 07:52:46 2014 From: emerson at emersonveenstra.net (Emerson Veenstra) Date: Thu, 3 Jul 2014 10:52:46 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> Message-ID: Sorry, wrong link. http://jsfiddle.net/34Fd5/24/ is the correct one --Emerson 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 > wrote: > >> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay >> 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: From larry.martell at gmail.com Thu Jul 3 07:54:46 2014 From: larry.martell at gmail.com (Larry Martell) Date: Thu, 3 Jul 2014 10:54:46 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> Message-ID: On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra wrote: > On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell > wrote: >> >> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay >> 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. From larry.martell at gmail.com Thu Jul 3 07:56:06 2014 From: larry.martell at gmail.com (Larry Martell) Date: Thu, 3 Jul 2014 10:56:06 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> Message-ID: On Thu, Jul 3, 2014 at 10:52 AM, Emerson Veenstra wrote: > Sorry, wrong link. http://jsfiddle.net/34Fd5/24/ is the correct one That doesn't scroll. > > --Emerson > > > On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra > wrote: >> >> On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell >> wrote: >>> >>> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay >>> 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? >> > From emerson at emersonveenstra.net Thu Jul 3 07:58:21 2014 From: emerson at emersonveenstra.net (Emerson Veenstra) Date: Thu, 3 Jul 2014 10:58:21 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> Message-ID: On Thu, Jul 3, 2014 at 10:56 AM, Larry Martell wrote: > On Thu, Jul 3, 2014 at 10:52 AM, Emerson Veenstra > wrote: > > Sorry, wrong link. http://jsfiddle.net/34Fd5/24/ is the correct one > > That doesn't scroll. > Then take off the overflow: hidden that's causing it not to scroll? http://jsfiddle.net/34Fd5/26/ no widths on that one. > > > > > --Emerson > > > > > > On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra > > wrote: > >> > >> On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell > > >> 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: From larry.martell at gmail.com Thu Jul 3 08:15:59 2014 From: larry.martell at gmail.com (Larry Martell) Date: Thu, 3 Jul 2014 11:15:59 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com>

Message-ID: On Thu, Jul 3, 2014 at 10:58 AM, Emerson Veenstra wrote: > On Thu, Jul 3, 2014 at 10:56 AM, Larry Martell > wrote: >> >> On Thu, Jul 3, 2014 at 10:52 AM, Emerson Veenstra >> wrote: >> > Sorry, wrong link. http://jsfiddle.net/34Fd5/24/ is the correct one >> >> That doesn't scroll. > > > Then take off the overflow: hidden that's causing it not to scroll? > http://jsfiddle.net/34Fd5/26/ no widths on that one. The header is not fixed. That is what I've been trying to achieve. >> > On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra >> > wrote: >> >> >> >> On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell >> >> >> >> wrote: >> >>> >> >>> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay >> >>> >> >>> 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? >> >> >> > > > From ian.bentley at gmail.com Thu Jul 3 08:38:05 2014 From: ian.bentley at gmail.com (Ian Bentley) Date: Thu, 3 Jul 2014 11:38:05 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com>

Message-ID: Larry, I have seen several people attempt to achieve what you are trying to do, but I've never seen a solution that didn't involve fixed column widths. Not to say it's impossible. On 3 July 2014 11:15, Larry Martell wrote: > On Thu, Jul 3, 2014 at 10:58 AM, Emerson Veenstra > wrote: > > On Thu, Jul 3, 2014 at 10:56 AM, Larry Martell > > wrote: > >> > >> On Thu, Jul 3, 2014 at 10:52 AM, Emerson Veenstra > >> wrote: > >> > Sorry, wrong link. http://jsfiddle.net/34Fd5/24/ is the correct one > >> > >> That doesn't scroll. > > > > > > Then take off the overflow: hidden that's causing it not to scroll? > > http://jsfiddle.net/34Fd5/26/ no widths on that one. > > The header is not fixed. That is what I've been trying to achieve. > > > >> > On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra > >> > wrote: > >> >> > >> >> On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell > >> >> > >> >> wrote: > >> >>> > >> >>> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay > >> >>> > >> >>> 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? > >> >> > >> > > > > > > _______________________________________________ > Help mailing list > Help at lists.whatwg.org > http://lists.whatwg.org/listinfo.cgi/help-whatwg.org > -- Ian Bentley -------------- next part -------------- An HTML attachment was scrubbed... URL: From jonas at depagecms.net Thu Jul 3 11:11:19 2014 From: jonas at depagecms.net (Frank Hellenkamp) Date: Thu, 3 Jul 2014 20:11:19 +0200 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com>

Message-ID: <5287963A-A7BF-46A6-8801-FBB6CB4F3243@depagecms.net> Hi Larry, > Larry, I have seen several people attempt to achieve what you are trying > to do, but I've never seen a solution that didn't involve fixed column > widths. > > Not to say it's impossible. IF (and only if) the column headlines are always smaller than the content inside (so that they don't have to stretch the table cells), it seems possible: http://jsfiddle.net/34Fd5/28/ Notice the additional around the headers with absolute positions, the extra container, to keep the relative-root outside of the scrollcontainer, and the fake background to outside of the table content. You cannot center or right align the header titles though, because it would destroy our positioning. Best Frank -- frank hellenkamp | interface designer solmsstra?e 7 | 10961 berlin +49.30.49 78 20 70 | tel +49.176.32 13 88 89 | mbl jonas at depage.net http://depage.net | bureau http://everydayisexactlythesame.net | see https://twitter.com/depage_net | twitter From webmaster at tsmchughs.com Thu Jul 3 13:25:03 2014 From: webmaster at tsmchughs.com (Brian Tremblay) Date: Thu, 03 Jul 2014 13:25:03 -0700 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> Message-ID: <53B5BC1F.6030904@tsmchughs.com> On 7/3/14, 7:34 AM, Larry Martell wrote: > On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay 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: >> [snip html table] >>>>> 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/ >> >> >> 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. You also said the columns weren't lining up with the data: On 7/1/14, 9:19 AM, Larry Martell wrote: > Thanks very much for the reply Martin. But this doesn't seem to fix > my problem - i.e. the column headers are not aligned with the data So I was trying to answer that part of your question. >> BTW, your html has more than 30 errors, including this one: >> >> "Warning: 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. > > I posted a small example showing the problem. The 'errors' have > nothing to do with the issue. First: I'm not sure why you put quote marks around "errors". It's almost as though you think they're imaginary. They're not. You misspelled "align" as "aligh" 15 times. That's not the only error. Second: how do you know that removing the errors won't fix the problem? >> And please correct the other errors while you're at it, so that >> debugging is easier and we can provide better help. That's the key. When I post your code in my editor, I first have to correct all your errors before I can start troubleshooting. If you did that, perhaps the data would line up, and we could focus on the problem of getting fixed headers and footers on your table. > But I have found out that by setting display:block on the tbody, I > essentially remove the ?tableness?. So I am SOL. I'd think some combination of css positioning would do the job. But I'm not going to spend time on the css if the underlying html is broken. Too many blind alleys. -- Brian Tremblay From larry.martell at gmail.com Fri Jul 4 10:58:30 2014 From: larry.martell at gmail.com (Larry Martell) Date: Fri, 4 Jul 2014 13:58:30 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com>

Message-ID: On Thu, Jul 3, 2014 at 11:38 AM, Ian Bentley wrote: > Larry, I have seen several people attempt to achieve what you are trying to > do, but I've never seen a solution that didn't involve fixed column widths. > > Not to say it's impossible. I've found a javascript solution that appears to work: http://nevcal.com/eclectic/UltimateScrollingTable.html The only issue I am having is that I use a table sort package and I've lost the on click handler for the table headers that invoke the sorting. I think I know how to fix it, but I haven't had a chance to implement it yet. > > > On 3 July 2014 11:15, Larry Martell wrote: >> >> On Thu, Jul 3, 2014 at 10:58 AM, Emerson Veenstra >> wrote: >> > On Thu, Jul 3, 2014 at 10:56 AM, Larry Martell >> > wrote: >> >> >> >> On Thu, Jul 3, 2014 at 10:52 AM, Emerson Veenstra >> >> wrote: >> >> > Sorry, wrong link. http://jsfiddle.net/34Fd5/24/ is the correct one >> >> >> >> That doesn't scroll. >> > >> > >> > Then take off the overflow: hidden that's causing it not to scroll? >> > http://jsfiddle.net/34Fd5/26/ no widths on that one. >> >> The header is not fixed. That is what I've been trying to achieve. >> >> >> >> > On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra >> >> > wrote: >> >> >> >> >> >> On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell >> >> >> >> >> >> wrote: >> >> >>> >> >> >>> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay >> >> >>> >> >> >>> 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? >> >> >> >> >> > >> > >> > >> _______________________________________________ >> Help mailing list >> Help at lists.whatwg.org >> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org > > > > > -- > Ian Bentley From larry.martell at gmail.com Fri Jul 4 11:09:41 2014 From: larry.martell at gmail.com (Larry Martell) Date: Fri, 4 Jul 2014 14:09:41 -0400 Subject: [html5] table with fixed headers In-Reply-To: <53B592D7.6020801@depage.net> References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com>

<53B592D7.6020801@depage.net> Message-ID: On Thu, Jul 3, 2014 at 1:28 PM, Frank Hellenkamp wrote: > Hi Larry, > >> Larry, I have seen several people attempt to achieve what you are trying >> to do, but I've never seen a solution that didn't involve fixed column >> widths. >> >> Not to say it's impossible. > > IF (and only if) the column headlines are always smaller than the > content inside (so that they don't have to stretch the table cells), it > seems possible: > > http://jsfiddle.net/34Fd5/28/ > > Notice the additional around the headers with absolute positions, > the extra container, to keep the relative-root outside of the > scrollcontainer, and the fake background to outside of the table content. > > You cannot center or right align the header titles though, because it > would destroy our positioning. Frank, thanks a lot for taking the time to put this up. Looked good at first and I was very psyched as I'm much rather have a pure CSS solution then having to use javascript. But I found that if the data in the cells is long then the alignment is lost, e.g.: http://jsfiddle.net/64URw/ I think the only way a solution will work for me is if it does not use 'display: block;' From larry.martell at gmail.com Fri Jul 4 11:14:06 2014 From: larry.martell at gmail.com (Larry Martell) Date: Fri, 4 Jul 2014 14:14:06 -0400 Subject: [html5] table with fixed headers In-Reply-To: <53B5BC1F.6030904@tsmchughs.com> References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com> Message-ID: On Thu, Jul 3, 2014 at 4:25 PM, Brian Tremblay wrote: > On 7/3/14, 7:34 AM, Larry Martell wrote: > >> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay 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: > > >>> [snip html table] > > >>>>>> 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/ >>> >>> >>> >>> 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. > > > You also said the columns weren't lining up with the data: Yes, the headers were not lining up with the data, but that is because the table is not auto sizing, > > > On 7/1/14, 9:19 AM, Larry Martell wrote: >> >> Thanks very much for the reply Martin. But this doesn't seem to fix >> my problem - i.e. the column headers are not aligned with the data > > > So I was trying to answer that part of your question. > >>> BTW, your html has more than 30 errors, including this one: >>> >>> "Warning: 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. >> >> >> I posted a small example showing the problem. The 'errors' have >> nothing to do with the issue. > > > First: I'm not sure why you put quote marks around "errors". It's almost > as though you think they're imaginary. They're not. You misspelled > "align" as "aligh" 15 times. That's not the only error. I did not notice that, sorry. > Second: how do you know that removing the errors won't fix the problem? Because I have it without errors in my app and the issue is there. The errors were introduced when I was cut and pasting into jsfiddle and then trying different things there. > > >>> And please correct the other errors while you're at it, so that >>> debugging is easier and we can provide better help. > > > That's the key. When I post your code in my editor, I first have to > correct all your errors before I can start troubleshooting. If you did > that, perhaps the data would line up, and we could focus on the problem > of getting fixed headers and footers on your table. > > >> But I have found out that by setting display:block on the tbody, I >> essentially remove the ?tableness?. So I am SOL. > > > I'd think some combination of css positioning would do the job. But I'm not > going to spend time on the css if the underlying html is broken. Too many > blind alleys. OK, thanks for taking the time to look at it anyway. From larry.martell at gmail.com Fri Jul 4 12:18:30 2014 From: larry.martell at gmail.com (Larry Martell) Date: Fri, 4 Jul 2014 15:18:30 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com>

Message-ID: On Fri, Jul 4, 2014 at 1:58 PM, Larry Martell wrote: > On Thu, Jul 3, 2014 at 11:38 AM, Ian Bentley wrote: >> Larry, I have seen several people attempt to achieve what you are trying to >> do, but I've never seen a solution that didn't involve fixed column widths. >> >> Not to say it's impossible. > > I've found a javascript solution that appears to work: > > http://nevcal.com/eclectic/UltimateScrollingTable.html > > The only issue I am having is that I use a table sort package and I've > lost the on click handler for the table headers that invoke the > sorting. I think I know how to fix it, but I haven't had a chance to > implement it yet. I had only tested on FF and I just tried it on IE and it's not working there. So bummed. > >> >> >> On 3 July 2014 11:15, Larry Martell wrote: >>> >>> On Thu, Jul 3, 2014 at 10:58 AM, Emerson Veenstra >>> wrote: >>> > On Thu, Jul 3, 2014 at 10:56 AM, Larry Martell >>> > wrote: >>> >> >>> >> On Thu, Jul 3, 2014 at 10:52 AM, Emerson Veenstra >>> >> wrote: >>> >> > Sorry, wrong link. http://jsfiddle.net/34Fd5/24/ is the correct one >>> >> >>> >> That doesn't scroll. >>> > >>> > >>> > Then take off the overflow: hidden that's causing it not to scroll? >>> > http://jsfiddle.net/34Fd5/26/ no widths on that one. >>> >>> The header is not fixed. That is what I've been trying to achieve. >>> >>> >>> >> > On Thu, Jul 3, 2014 at 10:50 AM, Emerson Veenstra >>> >> > wrote: >>> >> >> >>> >> >> On Thu, Jul 3, 2014 at 10:34 AM, Larry Martell >>> >> >> >>> >> >> wrote: >>> >> >>> >>> >> >>> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay >>> >> >>> >>> >> >>> 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? >>> >> >> >>> >> > >>> > >>> > >>> _______________________________________________ >>> Help mailing list >>> Help at lists.whatwg.org >>> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org >> >> >> >> >> -- >> Ian Bentley From mgainty at hotmail.com Fri Jul 4 12:50:22 2014 From: mgainty at hotmail.com (Martin Gainty) Date: Fri, 4 Jul 2014 15:50:22 -0400 Subject: [html5] table with fixed headers In-Reply-To: References: , , , <53B2E202.3030609@tsmchughs.com>, , <53B47F95.9090307@tsmchughs.com>, , <53B5BC1F.6030904@tsmchughs.com>, Message-ID: the code you are complaining about is NOT MINE ...I have no html in any of the html i sent Larry that contains "aligh" (the AZ sharks currently sharking your line need to have their wireshark toys taken away) My solution to produce dynamically sized columns is to implement a framework which reads and understands Database Columns from a Database and then resize the UI accordingly (such as Struts Jquery Grid control). If we implement Jquery grid control the WIDTH of the GRID COLUMNS will ALIGN EXACTLY to the SIZE OF THE COLUMNS READ from the database...Here is an example of what I'm referring to: http://struts.jgeppert.com/struts2-jquery-grid-showcase/index.action I have implemented about 10 of these to date In the meanwhile Brian could you help Larry with a dynamic width column example in html? Martin > Date: Fri, 4 Jul 2014 14:14:06 -0400 > From: larry.martell at gmail.com > To: webmaster at tsmchughs.com > CC: help at lists.whatwg.org > Subject: Re: [html5] table with fixed headers > > On Thu, Jul 3, 2014 at 4:25 PM, Brian Tremblay wrote: > > On 7/3/14, 7:34 AM, Larry Martell wrote: > > > >> On Wed, Jul 2, 2014 at 5:54 PM, Brian Tremblay 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: > > > > > >>> [snip html table] > > > > > >>>>>> 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/ > >>> > >>> > >>> > >>> 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. > > > > > > You also said the columns weren't lining up with the data: > > Yes, the headers were not lining up with the data, but that is because > the table is not auto sizing, > > > > > > On 7/1/14, 9:19 AM, Larry Martell wrote: > >> > >> Thanks very much for the reply Martin. But this doesn't seem to fix > >> my problem - i.e. the column headers are not aligned with the data > > > > > > So I was trying to answer that part of your question. > > > >>> BTW, your html has more than 30 errors, including this one: > >>> > >>> "Warning: 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. > >> > >> > >> I posted a small example showing the problem. The 'errors' have > >> nothing to do with the issue. > > > > > > First: I'm not sure why you put quote marks around "errors". It's almost > > as though you think they're imaginary. They're not. You misspelled > > "align" as "aligh" 15 times. That's not the only error. > > I did not notice that, sorry. > > > Second: how do you know that removing the errors won't fix the problem? > > Because I have it without errors in my app and the issue is there. The > errors were introduced when I was cut and pasting into jsfiddle and > then trying different things there. > > > > > > >>> And please correct the other errors while you're at it, so that > >>> debugging is easier and we can provide better help. > > > > > > That's the key. When I post your code in my editor, I first have to > > correct all your errors before I can start troubleshooting. If you did > > that, perhaps the data would line up, and we could focus on the problem > > of getting fixed headers and footers on your table. > > > > > >> But I have found out that by setting display:block on the tbody, I > >> essentially remove the ?tableness?. So I am SOL. > > > > > > I'd think some combination of css positioning would do the job. But I'm not > > going to spend time on the css if the underlying html is broken. Too many > > blind alleys. > > OK, thanks for taking the time to look at it anyway. > _______________________________________________ > Help mailing list > Help at lists.whatwg.org > http://lists.whatwg.org/listinfo.cgi/help-whatwg.org -------------- next part -------------- An HTML attachment was scrubbed... URL: From webmaster at tsmchughs.com Fri Jul 4 13:26:20 2014 From: webmaster at tsmchughs.com (Brian Tremblay) Date: Fri, 04 Jul 2014 13:26:20 -0700 Subject: [html5] table with fixed headers In-Reply-To: References: , , , <53B2E202.3030609@tsmchughs.com>, , <53B47F95.9090307@tsmchughs.com>, , <53B5BC1F.6030904@tsmchughs.com>,

Message-ID: <53B70DEC.5070104@tsmchughs.com> On 7/4/14, 12:50 PM, Martin Gainty wrote: > the code you are complaining about is NOT MINE That who is complaining about? When you top-post, you make it hard to follow the thread. > ...I have no html in any of the html i sent Larry that contains > "aligh" That's wonderful to hear. But the code posted on jsfiddle *does* have it: BAZ Regardless of who wrote that code, it is incorrect. > (the AZ sharks currently sharking your line need to have their > wireshark toys taken away) No idea what this means. > In the meanwhile Brian could you help Larry with a dynamic width > column example in html? No. As I said, I'm not going to fiddle with css when the markup is broken. -- Brian Tremblay From larry.martell at gmail.com Fri Jul 4 13:42:07 2014 From: larry.martell at gmail.com (Larry Martell) Date: Fri, 4 Jul 2014 16:42:07 -0400 Subject: [html5] table with fixed headers In-Reply-To: <53B70DEC.5070104@tsmchughs.com> References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> Message-ID: On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: > On 7/4/14, 12:50 PM, Martin Gainty wrote: >> >> the code you are complaining about is NOT MINE > > > That who is complaining about? When you top-post, you make it hard to > follow the thread. > > >> ...I have no html in any of the html i sent Larry that contains >> "aligh" > > > That's wonderful to hear. But the code posted on jsfiddle *does* have it: > > BAZ > > Regardless of who wrote that code, it is incorrect. I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: http://jsfiddle.net/NyGbt/ >> In the meanwhile Brian could you help Larry with a dynamic width >> column example in html? > > > No. As I said, I'm not going to fiddle with css when the markup is broken. I think it's fixed. If it is, and you want to help me I appreciate it. If you don't, that's OK too. From webmaster at tsmchughs.com Sat Jul 5 04:11:37 2014 From: webmaster at tsmchughs.com (Brian Tremblay) Date: Sat, 05 Jul 2014 04:11:37 -0700 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> Message-ID: <53B7DD69.6050704@tsmchughs.com> On 7/4/14, 1:42 PM, Larry Martell wrote: > On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: >> >> the code posted on jsfiddle *does* have it: >> >> BAZ >> >> Regardless of who wrote that code, it is incorrect. > > I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: > http://jsfiddle.net/NyGbt/ No, you didn't: FOO But don't fix it on my account. I can't guarantee a solution. -- Brian Tremblay From mgainty at hotmail.com Sat Jul 5 06:40:29 2014 From: mgainty at hotmail.com (Martin Gainty) Date: Sat, 5 Jul 2014 09:40:29 -0400 Subject: [html5] table with fixed headers In-Reply-To: <53B7DD69.6050704@tsmchughs.com> References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com>, , <53B7DD69.6050704@tsmchughs.com> Message-ID: > Date: Sat, 5 Jul 2014 04:11:37 -0700 > From: webmaster at tsmchughs.com > To: help at lists.whatwg.org > Subject: Re: [html5] table with fixed headers > > On 7/4/14, 1:42 PM, Larry Martell wrote: > > On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: > >> > >> the code posted on jsfiddle *does* have it: > >> > >> BAZ > >> > >> Regardless of who wrote that code, it is incorrect. > > > > I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: > > http://jsfiddle.net/NyGbt/ > > No, you didn't: > > > FOO > > > But don't fix it on my account. I can't guarantee a solution. > > -- > Brian Tremblay MG>perhaps the time has come for Larry to open up his checkbook and pay for a correct solution? > _______________________________________________ > Help mailing list > Help at lists.whatwg.org > http://lists.whatwg.org/listinfo.cgi/help-whatwg.org -------------- next part -------------- An HTML attachment was scrubbed... URL: From larry.martell at gmail.com Sat Jul 5 06:55:45 2014 From: larry.martell at gmail.com (Larry Martell) Date: Sat, 5 Jul 2014 09:55:45 -0400 Subject: [html5] table with fixed headers In-Reply-To: <53B7DD69.6050704@tsmchughs.com> References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> <53B7DD69.6050704@tsmchughs.com> Message-ID: On Sat, Jul 5, 2014 at 7:11 AM, Brian Tremblay wrote: > On 7/4/14, 1:42 PM, Larry Martell wrote: > >> On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: >>> >>> >>> the code posted on jsfiddle *does* have it: >>> >>> BAZ >>> >>> Regardless of who wrote that code, it is incorrect. >> >> >> I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: >> http://jsfiddle.net/NyGbt/ > > > No, you didn't: > > > FOO I had fixed it, but I sent the wrong link: http://jsfiddle.net/qZy38/ > But don't fix it on my account. I fixed it because it was "The Right Thing To Do." > I can't guarantee a solution. There are no guarantees in life. From larry.martell at gmail.com Sat Jul 5 06:58:33 2014 From: larry.martell at gmail.com (Larry Martell) Date: Sat, 5 Jul 2014 09:58:33 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> <53B7DD69.6050704@tsmchughs.com> Message-ID: On Sat, Jul 5, 2014 at 9:40 AM, Martin Gainty wrote: > >> Date: Sat, 5 Jul 2014 04:11:37 -0700 >> From: webmaster at tsmchughs.com >> To: help at lists.whatwg.org > >> Subject: Re: [html5] table with fixed headers >> >> On 7/4/14, 1:42 PM, Larry Martell wrote: >> > On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: >> >> >> >> the code posted on jsfiddle *does* have it: >> >> >> >> BAZ >> >> >> >> Regardless of who wrote that code, it is incorrect. >> > >> > I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: >> > http://jsfiddle.net/NyGbt/ >> >> No, you didn't: >> >> >> FOO >> >> >> But don't fix it on my account. I can't guarantee a solution. >> >> -- >> Brian Tremblay > > MG>perhaps the time has come for Larry to open up his checkbook and pay for > a correct solution? That has crossed my mind. I am close to getting it working with this: http://nevcal.com/eclectic/UltimateScrollingTable.html But I would much prefer a pure CSS solution. How much would you want to get for that? From norman at normanfournier.com Sat Jul 5 17:18:31 2014 From: norman at normanfournier.com (Norman Fournier) Date: Sat, 5 Jul 2014 18:18:31 -0600 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> <53B7DD69.6050704@tsmchughs.com> Message-ID: Have a look at this: http://filamentgroup.github.io/tablesaw/demo/kitchensink.html On 2014-07-05, at 7:58 AM, Larry Martell wrote: > On Sat, Jul 5, 2014 at 9:40 AM, Martin Gainty wrote: >> >>> Date: Sat, 5 Jul 2014 04:11:37 -0700 >>> From: webmaster at tsmchughs.com >>> To: help at lists.whatwg.org >> >>> Subject: Re: [html5] table with fixed headers >>> >>> On 7/4/14, 1:42 PM, Larry Martell wrote: >>>> On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: >>>>> >>>>> the code posted on jsfiddle *does* have it: >>>>> >>>>> BAZ >>>>> >>>>> Regardless of who wrote that code, it is incorrect. >>>> >>>> I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: >>>> http://jsfiddle.net/NyGbt/ >>> >>> No, you didn't: >>> >>> >>> FOO >>> >>> >>> But don't fix it on my account. I can't guarantee a solution. >>> >>> -- >>> Brian Tremblay >> >> MG>perhaps the time has come for Larry to open up his checkbook and pay for >> a correct solution? > > That has crossed my mind. I am close to getting it working with this: > http://nevcal.com/eclectic/UltimateScrollingTable.html > > But I would much prefer a pure CSS solution. How much would you want > to get for that? > _______________________________________________ > Help mailing list > Help at lists.whatwg.org > http://lists.whatwg.org/listinfo.cgi/help-whatwg.org -------------- next part -------------- An HTML attachment was scrubbed... URL: From larry.martell at gmail.com Sun Jul 6 07:55:48 2014 From: larry.martell at gmail.com (Larry Martell) Date: Sun, 6 Jul 2014 10:55:48 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> <53B7DD69.6050704@tsmchughs.com> Message-ID: On Sat, Jul 5, 2014 at 9:40 AM, Martin Gainty wrote: > >> Date: Sat, 5 Jul 2014 04:11:37 -0700 >> From: webmaster at tsmchughs.com >> To: help at lists.whatwg.org > >> Subject: Re: [html5] table with fixed headers >> >> On 7/4/14, 1:42 PM, Larry Martell wrote: >> > On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: >> >> >> >> the code posted on jsfiddle *does* have it: >> >> >> >> BAZ >> >> >> >> Regardless of who wrote that code, it is incorrect. >> > >> > I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: >> > http://jsfiddle.net/NyGbt/ >> >> No, you didn't: >> >> >> FOO >> >> >> But don't fix it on my account. I can't guarantee a solution. >> >> -- >> Brian Tremblay > > MG>perhaps the time has come for Larry to open up his checkbook and pay for > a correct solution? Martin, I had a dream in which you emailed me a CSS solution and it required just one line of CSS "display: stacked" (which of course does not exist). From larry.martell at gmail.com Sun Jul 6 07:53:29 2014 From: larry.martell at gmail.com (Larry Martell) Date: Sun, 6 Jul 2014 10:53:29 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> <53B7DD69.6050704@tsmchughs.com>

Message-ID: On Sat, Jul 5, 2014 at 8:18 PM, Norman Fournier wrote: > Have a look at this: > > http://filamentgroup.github.io/tablesaw/demo/kitchensink.html The headers are not fixed - they scroll with the table. > > > On 2014-07-05, at 7:58 AM, Larry Martell wrote: > > On Sat, Jul 5, 2014 at 9:40 AM, Martin Gainty wrote: > > > Date: Sat, 5 Jul 2014 04:11:37 -0700 > > From: webmaster at tsmchughs.com > > To: help at lists.whatwg.org > > > Subject: Re: [html5] table with fixed headers > > > On 7/4/14, 1:42 PM, Larry Martell wrote: > > On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: > > > the code posted on jsfiddle *does* have it: > > > BAZ > > > Regardless of who wrote that code, it is incorrect. > > > I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: > > http://jsfiddle.net/NyGbt/ > > > No, you didn't: > > > > FOO > > > > But don't fix it on my account. I can't guarantee a solution. > > > -- > > Brian Tremblay > > > MG>perhaps the time has come for Larry to open up his checkbook and pay for > > a correct solution? > > > That has crossed my mind. I am close to getting it working with this: > http://nevcal.com/eclectic/UltimateScrollingTable.html > > But I would much prefer a pure CSS solution. How much would you want > to get for that? From larry.martell at gmail.com Wed Jul 9 14:50:42 2014 From: larry.martell at gmail.com (Larry Martell) Date: Wed, 9 Jul 2014 17:50:42 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> <53B7DD69.6050704@tsmchughs.com> Message-ID: On Sat, Jul 5, 2014 at 9:58 AM, Larry Martell wrote: > On Sat, Jul 5, 2014 at 9:40 AM, Martin Gainty wrote: >> >>> Date: Sat, 5 Jul 2014 04:11:37 -0700 >>> From: webmaster at tsmchughs.com >>> To: help at lists.whatwg.org >> >>> Subject: Re: [html5] table with fixed headers >>> >>> On 7/4/14, 1:42 PM, Larry Martell wrote: >>> > On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: >>> >> >>> >> the code posted on jsfiddle *does* have it: >>> >> >>> >> BAZ >>> >> >>> >> Regardless of who wrote that code, it is incorrect. >>> > >>> > I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: >>> > http://jsfiddle.net/NyGbt/ >>> >>> No, you didn't: >>> >>> >>> FOO >>> >>> >>> But don't fix it on my account. I can't guarantee a solution. >>> >>> -- >>> Brian Tremblay >> >> MG>perhaps the time has come for Larry to open up his checkbook and pay for >> a correct solution? > > That has crossed my mind. I am close to getting it working with this: > http://nevcal.com/eclectic/UltimateScrollingTable.html > > But I would much prefer a pure CSS solution. How much would you want > to get for that? Just to close out this thread, I ended up using http://nevcal.com/eclectic/UltimateScrollingTable.html From gary.kk5st at gmail.com Wed Jul 9 17:36:58 2014 From: gary.kk5st at gmail.com (Gary Turner) Date: Wed, 9 Jul 2014 19:36:58 -0500 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com> <53B7DD69.6050704@tsmchughs.com>

Message-ID: My apologies if this post doesn't properly address the list; I'm on GMail and damed if I can find the 'reply to list' function. To my knowledge, NS6+ and Mozilla were the only browsers to properly support a scrolling tbody. For whatever reason, Firefox dropped this support sometime after 2006. Simply, the css was tbody { overflow: auto; height: xxx; } The work-around for IE and Opera was fairly straight forward and still works for them as well as for Chrome and Firefox. See http://web.archive.org/web/20060421055400/http://garyblue.port5.com/webdev/scrollingtable.html for a working example, written in 2004 and modified in 2006 for non-compliant browsers, which now sorrily includes FF. I'd consider this far more robust than using js to modify behavior. cheers, gary On Wed, Jul 9, 2014 at 4:50 PM, Larry Martell wrote: > On Sat, Jul 5, 2014 at 9:58 AM, Larry Martell > wrote: > > On Sat, Jul 5, 2014 at 9:40 AM, Martin Gainty > wrote: > >> > >>> Date: Sat, 5 Jul 2014 04:11:37 -0700 > >>> From: webmaster at tsmchughs.com > >>> To: help at lists.whatwg.org > >> > >>> Subject: Re: [html5] table with fixed headers > >>> > >>> On 7/4/14, 1:42 PM, Larry Martell wrote: > >>> > On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: > >>> >> > >>> >> the code posted on jsfiddle *does* have it: > >>> >> > >>> >> BAZ > >>> >> > >>> >> Regardless of who wrote that code, it is incorrect. > >>> > > >>> > I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: > >>> > http://jsfiddle.net/NyGbt/ > >>> > >>> No, you didn't: > >>> > >>> > >>> FOO > >>> > >>> > >>> But don't fix it on my account. I can't guarantee a solution. > >>> > >>> -- > >>> Brian Tremblay > >> > >> MG>perhaps the time has come for Larry to open up his checkbook and pay > for > >> a correct solution? > > > > That has crossed my mind. I am close to getting it working with this: > > http://nevcal.com/eclectic/UltimateScrollingTable.html > > > > But I would much prefer a pure CSS solution. How much would you want > > to get for that? > > Just to close out this thread, I ended up using > http://nevcal.com/eclectic/UltimateScrollingTable.html > _______________________________________________ > Help mailing list > Help at lists.whatwg.org > http://lists.whatwg.org/listinfo.cgi/help-whatwg.org > -- 90% of everything is crap, and that may be optimistic. -------------- next part -------------- An HTML attachment was scrubbed... URL: From mgainty at hotmail.com Thu Jul 10 03:39:18 2014 From: mgainty at hotmail.com (Martin Gainty) Date: Thu, 10 Jul 2014 06:39:18 -0400 Subject: [html5] table with fixed headers In-Reply-To: References: , , , <53B2E202.3030609@tsmchughs.com>, , <53B47F95.9090307@tsmchughs.com>, , <53B5BC1F.6030904@tsmchughs.com>, , , <53B70DEC.5070104@tsmchughs.com>, , <53B7DD69.6050704@tsmchughs.com>, , , , Message-ID: For FF diehards ( i cannot live without firebug) like myself ..sadly this wont work Im trying to convince larry that attributes which are increased/attenuated attributes have to be set by an uber-entity (e.g. Struts/JQuery or JSF/JSP) before the response is generated..there is no other way if you want to use FF (which i do!) Many Thanks to Gary for the css bits on scrolling tbody..this is a most helpful contribution! Does anyone else have HTML/CSS/JS contribution for dynamically sized attributes (before larry dusts off the checkbook)? M- Date: Wed, 9 Jul 2014 19:36:58 -0500 Subject: Re: [html5] table with fixed headers From: gary.kk5st at gmail.com To: larry.martell at gmail.com CC: mgainty at hotmail.com; help at lists.whatwg.org My apologies if this post doesn't properly address the list; I'm on GMail and damed if I can find the 'reply to list' function. To my knowledge, NS6+ and Mozilla were the only browsers to properly support a scrolling tbody. For whatever reason, Firefox dropped this support sometime after 2006. Simply, the css was tbody { overflow: auto; height: xxx; } The work-around for IE and Opera was fairly straight forward and still works for them as well as for Chrome and Firefox. See http://web.archive.org/web/20060421055400/http://garyblue.port5.com/webdev/scrollingtable.html for a working example, written in 2004 and modified in 2006 for non-compliant browsers, which now sorrily includes FF. I'd consider this far more robust than using js to modify behavior. cheers, gary On Wed, Jul 9, 2014 at 4:50 PM, Larry Martell wrote: On Sat, Jul 5, 2014 at 9:58 AM, Larry Martell wrote: > On Sat, Jul 5, 2014 at 9:40 AM, Martin Gainty wrote: >> >>> Date: Sat, 5 Jul 2014 04:11:37 -0700 >>> From: webmaster at tsmchughs.com >>> To: help at lists.whatwg.org >> >>> Subject: Re: [html5] table with fixed headers >>> >>> On 7/4/14, 1:42 PM, Larry Martell wrote: >>> > On Fri, Jul 4, 2014 at 4:26 PM, Brian Tremblay wrote: >>> >> >>> >> the code posted on jsfiddle *does* have it: >>> >> >>> >> BAZ >>> >> >>> >> Regardless of who wrote that code, it is incorrect. >>> > >>> > I wrote it. I'm sorry. One typo pasted 15 times. I've fixed it: >>> > http://jsfiddle.net/NyGbt/ >>> >>> No, you didn't: >>> >>> >>> FOO >>> >>> >>> But don't fix it on my account. I can't guarantee a solution. >>> >>> -- >>> Brian Tremblay >> >> MG>perhaps the time has come for Larry to open up his checkbook and pay for >> a correct solution? > > That has crossed my mind. I am close to getting it working with this: > http://nevcal.com/eclectic/UltimateScrollingTable.html > > But I would much prefer a pure CSS solution. How much would you want > to get for that? Just to close out this thread, I ended up using http://nevcal.com/eclectic/UltimateScrollingTable.html _______________________________________________ Help mailing list Help at lists.whatwg.org http://lists.whatwg.org/listinfo.cgi/help-whatwg.org -- 90% of everything is crap, and that may be optimistic. -------------- next part -------------- An HTML attachment was scrubbed... URL: From larry.martell at gmail.com Thu Jul 10 05:38:09 2014 From: larry.martell at gmail.com (Larry Martell) Date: Thu, 10 Jul 2014 08:38:09 -0400 Subject: [html5] table with fixed headers In-Reply-To: References:

<53B2E202.3030609@tsmchughs.com> <53B47F95.9090307@tsmchughs.com> <53B5BC1F.6030904@tsmchughs.com>

<53B70DEC.5070104@tsmchughs.com>