Comments on: Styling Table Columns with CSS

By: id meneo

id meneo — Fri, 22 Jul 2011 20:47:22 +0000

Oh man, thank you. I lost hours on that one.

By: Paul OB

Paul OB — Fri, 22 Jul 2011 19:35:29 +0000

Hi,

Add colspan=”2″ if you want the cell to span 2 cells.

This should answer your question:
http://reference.sitepoint.com/html/td/colspan

By: id meneo

id meneo — Fri, 22 Jul 2011 13:21:47 +0000

It’s been a while I can’t find the way to have different numbers of cellsin my table raws. Exemple:

——First Raw one cell—–
– cell —- cell —-
– cell —- cell —-

?plz help thanks

By: Jeetal

Jeetal — Wed, 02 Feb 2011 17:34:30 +0000

Thanks very much! This is exactly what I needed.

By: Sharon

Sharon — Thu, 26 Aug 2010 18:18:57 +0000

How can colgroup be used with Spring tags to change the color of an entire column when a specific column is sorted when clicked.

By: MikeL

MikeL — Wed, 18 Aug 2010 14:35:30 +0000

This is fantastic and simple. I really couldn’t find this info laid out so clearly anywhere else. Thanks.

By: Paul OB

Paul OB — Tue, 13 Oct 2009 20:02:25 +0000

Hi Gary,

Yes it’s a shame that more properties aren’t available for styling but you are limited by the specs to the following as mentioned above:

* border
* background
* width
* visibility

By: Gary

Gary — Tue, 13 Oct 2009 17:38:18 +0000

Hi,

At first this seemed nice.

But I wanted to set the text-align for columns and that doesn’t work.

Like you said, it’s only good for background.

So if I have to put a class in for the alignment on each cell anyway I might as well use that method instead of this.

By: Sherwin Techico

Sherwin Techico — Thu, 31 May 2007 00:19:31 +0000

Thanks Paul. That just sucks… not “valid” to what “they” had in mind right? Damn the W3C?! =)

I hope they think about this in HTML5 if there is ever one. That is, setting up colgroups to change tbody and/or tfoot.

By: Paul OB

Paul OB — Fri, 04 May 2007 19:48:46 +0000

No It doesn’t lol – Here’s the link:

http://www.pmob.co.uk/temp/sherwin.htm

By: Paul OB

Paul OB — Fri, 04 May 2007 19:46:23 +0000

Hmm, I forgot that the code would be removed – I wonder if this works :

[code]

Example Colgroup

First Group
Second Group

[/code]

By: Paul OB

Paul OB — Fri, 04 May 2007 19:45:01 +0000

Hi Sherwin,

That code you are using is invalid I’m afraid. You can’t nest any more colgroups inside the table (or captions for that matter). The colgroup must come before any thead or tr tags and follows the table and caption tags.

You can have more than one colgroup but you can’t have them anywhere else in the table. Their usefulness is when you want to span more than one row but the col element allows individual or multiple cells to be accessed so is more ueseful.

This is valid.

Example Colgroup

First Group
Second Group

etc……

You can’t now setup anymore colgroups to change tbody or tfoot I’m afraid although it would be quite useful.

You can only style the whole column from start to finish (top to bottom) although styles directly to the cells themselves will over-ride the colgroup.

By: Sherwin Techico

Sherwin Techico — Fri, 04 May 2007 18:00:32 +0000

Hmmm… seems that it doesn’t take markup that well. Here’s what I was testing… http://test.pixelbebop.com/test24/

TIA

By: Sherwin Techico

Sherwin Techico — Fri, 04 May 2007 17:53:03 +0000

I'm guessing that if you put a colgroup inside it will supercede those in and . For example:


			
				
					
					
				
				
					First Group
					Second Group

Is there a workaround? I guess its a scenario when you want to define those columns only in . TIA

By: links for 2007-04-23 » mhinze.com

links for 2007-04-23 » mhinze.com — Mon, 23 Apr 2007 15:29:39 +0000

[...] Styling Table Columns with CSS (tags: css) [...]