table表格行列的合并处理

最新推荐文章于 2024-06-12 13:03:03 发布

伏特加的滋味

最新推荐文章于 2024-06-12 13:03:03 发布

阅读量2.2k

点赞数

分类专栏： javaScript/jquery

本文链接：https://blog.csdn.net/yuanyuan214365/article/details/78055548

版权

javaScript/jquery 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

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>