将表格列合并到单个单元格中 [英] Merging table column into single cell

问题描述

我有一个看起来像这样的表格，这是它的标记

  ______________________ 
 _____ | _______ | ________ 
 _____ | _______ | ________ 
 
< table> 
< tbody> 
< tr> 
< td>第1行第1列< / td> 
< td>第1行第2列< / td> 
< td>第1行第3列< / td> 
< / tr> 
< tr> 
< td>第2行第1列< / td> 
< td>第2行第2列< / td> 
< td>第2行第3列< / td> 
< / tr> 
< / tbody> 
< / table> 
  

如何将整个第二列合并到1个单元格中，以便表格看起来像这样。是否有可能？

  _____________________________ 
 ________ | | _________ 
 ________ | __________ | _________ 
  

解决方案

 <表> 
< 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.

这篇关于将表格列合并到单个单元格中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！