table表格行列的合并处理

来源:互联网 发布:网络tv电视直播软件 编辑:程序博客网 时间:2024/06/06 05:13

1、能过满足的需求有: 行列的合并 +  表格之间的空隙

属性有cellspacing 

代码:

<!DOCTYPE html><html><head><title></title></head><body><table id='tableId' cellspacing = 1 border = 1>     <tr>    <td colspan="2" rowspan="3"> </td>    <td colspan="4"><div align="center">维度1</div></td>    <td rowspan="3">未钻取指标3</td>  </tr>  <tr>    <td colspan="2">维度2</td>    <td colspan="2">维度2</td>   </tr>  <tr>    <td>钻取指标1</td>    <td>钻取指标2</td>    <td>钻取指标1</td>    <td>钻取指标2</td>  </tr>  <tr>    <td rowspan="2" align="center" valign="middle">对象1</td>    <td>对象2</td>    <td> </td>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr>  <tr>    <td>对象2</td>    <td> </td>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr></table> </body></html>


原创粉丝点击