很抱歉问这个简单的问题。但我似乎无法找到一些合理的答案。
我想制作一个包含 3 列的表格,但所有三列的数据数量都不同。比如说,第一列只有 1 个数据。第二个有 3 个,第三个也有 3 个数据。它应该如下所示:
td
除了为第一个和第二个定义空str
来创建空槽 之外,还有其他方法吗?
很抱歉问这个简单的问题。但我似乎无法找到一些合理的答案。
我想制作一个包含 3 列的表格,但所有三列的数据数量都不同。比如说,第一列只有 1 个数据。第二个有 3 个,第三个也有 3 个数据。它应该如下所示:
td
除了为第一个和第二个定义空str
来创建空槽 之外,还有其他方法吗?
您可以使用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>
我认为表格最适合仅用于显示表格数据,而不是像您描述的那样复杂的布局。
您仍然可以通过使用rowspan
第一列中数据的属性来实现这一点,以扩展到 3 行。