Rowspan in simple tables
Questions answered by this recipe
This section is optional; use it to indicate the types of questions (if any) this recipe is intended to answer.
- How do I specify that a cell spans 2 or more rows in a simple table?
- How do I lay out a simple table so that a later editor can see the scope of a rowspan?
- How do I lay out a simple table so that a later editor can see the scope of a colspan?
Extend simple table markup to support a rowspan.
- download rowspan.phpΔ or (for php 5.5 and above) rowspan55.phpΔ
- add the following line to
||cell text+++ || adds rowspan="3" to the cell. The number of plus signs (
+) defines the number of rows spanned. There must be 2 or more plus signs.
||____|| has the same effect as the markup
||||, 2 or more underscores (
_) are required.
||^^^^|| has the same effect as the markup
||, 2 or more circumflex accents (
^) are required.
That's all. It just works.
Simple tables can be hard to read. The recipe provides 2 simple table markup options with the sole purpose of making the table easier to edit. They have no effect whatsoever on the output. Their usage is entirely optional. Adding or removing them will not change the output.
Make rowspan more visible
Make colspan more visible
Spanning rows and columns
If the recipe has multiple releases, then release notes can be placed here. Note that it's often easier for people to work with "release dates" instead of "version numbers".
jr with help from many others (Christian, Luigi, Peter, Pm, Simon at least).
Why doesn't this work
but this does?
It does what the markup specifies. Here is the HTML the first example produces, which looks exactly right:
<tr class='row1 ind1'><td rowspan="2">Double row </td><td >Column 2</td></tr> <tr class='row2 ind2'><td rowspan="2">Double row </td></tr> <tr class='row3 ind3'><td align='left'>Column 1</td></tr>
The colspan in the first column, as specified by the ||_________|| markup, is correctly ignored. It seems to be up to the browser how it interprets the HTML.