Hey guys, I'm looking for some help on how to group rows within a table together, so that the heading down the left hand side then has three smaller headings just to the right of it, as in the photo attached. Basically, I'd like to add a mini column of headers to represent more detailed data within a table, as seen in the 'Media Sharing' and subsequent rows part of the table.
I'm new to HTML/CSS and know my way around basic page layouts, tabling and some CSS, but I can't find anywhere that tells how to do this! Any help would be much appreciated...
x Turn on thread page Beta
HTML Table - Multiple row subheadings? :( watch
- Welcome Squad
- Thread Starter
- 01-11-2015 12:57
- 30-11-2015 12:05
You need to use the "colspan" and "rowspan" attributes. In this case:Code:
<td rowspan="3">Media Sharing</td>Code: