rowspan && colspan

Posted Mr.yang.localhost

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了rowspan && colspan相关的知识,希望对你有一定的参考价值。

> 跨行

<html>
<body>

<table width="100%" border="1">
  <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
    <th>col4</th>
  </tr>
  <tr>
    <td rowspan="2">row1_col1</td>
    <td rowspan="2">row1_col2</td>
    <td>1111</td>
    <td>1111</td>
  </tr>
  <tr>
    <td>2222</td>
    <td>2222</td>
  </tr>
</table>

</body>
</html>

 > 跨列

 

<html>
<body>

<table width="100%" border="1">
  <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
    <th>col4</th>
  </tr>
  <tr>
    <td colspan="2">row1</td>
    <td colspan="2">row1</td>
  </tr>
  <tr>
    <td>1111</td>
    <td>1111</td>
    <td>2222</td>
    <td>2222</td>
  </tr>
  <tr>
    <td>1111</td>
    <td>1111</td>
    <td>2222</td>
    <td>2222</td>
  </tr>
</table>

</body>
</html>

 

以上是关于rowspan && colspan的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 datatable.js 在 tbody 中使用 rowspan 和 colspan?

table 的rolspan和rowspan

Grid & Flex

Grid & Flex

如何选择表格中的最后一个行跨度?

Java 使用itextPdf7操作pdf,写入照片这一篇就够了