且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

将表格列合并到单个单元格中

更新时间:2022-10-18 11:25:29

 <表> 
< tbody>
< tr>
< td>第1行第1列< / td>
< td rowspan =2>第1行第2列< / td>
< td>第1行第3列< / td>
< / tr>
< tr>
< td>第2行第1列< / td>
< td>第2行第3列< / td>
< / tr>
< / tbody>
< / table>

这应该有效。任何具有rowspan =2的元素都将跨越两行。你也可以用colspan =2来跨越列。

I have a table that looks like this and this is its markup

______________________
_____|_______|________
_____|_______|________

<table>
<tbody>
<tr>
 <td>row 1 column 1</td>
 <td>row 1 column 2</td>
 <td>row 1 column 3</td>
</tr>
<tr>
 <td>row 2 column 1</td>
 <td>row 2 column 2</td>
 <td>row 2 column 3</td>
</tr>
</tbody>
</table>

How can I merge the entire second column into 1 cell so the table looks like this. Is it possible?

_____________________________
________|          |_________
________|__________|_________

<table>
<tbody>
<tr>
 <td>row 1 column 1</td>
 <td rowspan="2">row 1 column 2</td>
 <td>row 1 column 3</td>
</tr>
<tr>
 <td>row 2 column 1</td>
 <td>row 2 column 3</td>
</tr>
</tbody>
</table>

This should work. Any element with rowspan="2" will span two rows. you can also put colspan="2" to span columns.