[html5] table with fixed headers

Martin Gainty mgainty at hotmail.com
Fri Jul 4 12:50:22 PDT 2014


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 <webmaster at tsmchughs.com> 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: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20140704/7a68ce31/attachment.htm>


More information about the Help mailing list