创建html表而不放空tds

时间:2013-04-27 18:17:25

标签: html css html-table

很抱歉问这个简单的问题。但我似乎无法找到合理的答案。

我想创建一个包含3列的表,但这三列都有不同数量的数据。比如说,第1列只有1个数据。第二个有3个,第三个也有3个数据。它应该是这样的:

enter image description here

除了为第一个和第二个td定义空tr以创建空插槽之外,还有另一种方法吗?

2 个答案:

答案 0 :(得分:2)

您可以使用rowspan http://jsfiddle.net/vB2jY/

这将使td单元格占据所提及的行数。

<table>
    <tr><td rowspan="4">1</td></tr>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>1</td><td>2</td><td>3</td></tr>
</table>

答案 1 :(得分:1)

我认为表格最适合仅显示表格数据,而不是像您描述的那样复杂的布局。

仍然可以通过对第一列中的数据使用rowspan属性来扩展到3行。