Question

html table上下行合并

<table>
<tr><td>1.1</td><td>1.2</td></tr>
<tr><td>2.1</td><td>2.2</td></tr>

</table>
表格是动态生成的，即读一行数据，输出一行<tr></tr>,现在希望在有些地方能自动合并上上一行，比如打印2.1的时候，将1.1和2.1两个单元格合并，请问怎么实现？

Answer 1

方法：

<table border=1>
<tr>
<td rowspan=2>1.1</td><td>1.2</td>
</tr>
<tr>
<td>2.2</td>
</tr>
</table>
rowspan合并行，colspan 合并列

定义和用法：

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

HTML 与 XHTML 之间的差异：

在 HTML 4.01 中，table 元素的 "align" 和 "bgcolor" 属性是不被赞成使用的。

在 XHTML 1.0 Strict DTD，table 元素的 "align" 和 "bgcolor" 属性是不被支持的。

TIY 实例：

• 表格

• 这个例子演示如何在 HTML 文档中创建表格。

• 表格边框

• 本例演示各种类型的表格边框。

• 没有边框的表格

• 本例演示一个没有边框的表格。

• 表格中的标题(Headings)

• 本例演示如何显示表格标题。

• 空单元格

• 本例展示如何使用 "&nbsp;" 处理没有内容的单元格。

• 带有标题的表格

• 本例演示一个带标题 (caption) 的表格

• 跨行或跨列的表格单元格

• 本例演示如何定义跨行或跨列的表格单元格。

• 表格内的标签

• 本例演示如何在不同的元素内显示元素。

• 单元格填充(Cell padding)

• 本例演示如何使用单元格填充来创建单元格内容与其边框之间的空白。

• 单元格间距(Cell spacing)

• 本例演示如何使用单元格间距增加单元格之间的距离。

• 向表格添加背景颜色或背景图像

• 本例演示如何向表格添加背景

• 向表格单元添加背景颜色或者背景图像

• 本例演示如何向一个或者更多表格单元添加背景

• 在表格单元中排列内容

• 本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。

• 框架(frame)属性

• 本例演示如何使用 "frame" 属性来控制围绕表格的边框。

Answer 2

<table border=1>
<tr>
<td rowspan=2>1.1</td><td>1.2</td>
</tr>
<tr>
<td>2.2</td>
</tr>
</table>
rowspan合并行，colspan 合并列