🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
``` <table > 表格 定义了一个表格的结构 <tr> 英文是 table rows. 行 定义了表格的行 <td>英文 是 tabledock 定义了表格的单元格 <table> 标签有2个属性,一个是border="1",这个属性用来设置表格的边框 如果表格需要设置表头,可以使用tr>th 设置 <td colspan=“2”> 左右合并 //向右合并了1个 <td rowspan:=“2”> 上下合并 //上下合并了1个 ``` 表格合并 一部分单元个需要进行跨行跨列 ,可以给对应的td和th标签设置相关属性 rowspan:上下跨行合并 写到td里面 colspan: 左右跨列合并 写到td里面 属性值是数字,数字是几就代表跨几行或者跨几列 ``` <table border="1"> <tr> <td>这是第一行</td> <td>这是第一行第二个数值</td> <td>这是第一行第三个数值</td> <td>这是第一行第四个数值</td> </tr> <tr> <td>这是第二行</td> <td>这是第二行第二个数值</td> <td>这是第二行第三个数值</td> <td>这是第二行第四个数值</td> </tr> <tr> <td>这是第三行</td> <td>这是第三行第二个数值</td> <td>这是第三行第三个数值</td> <td>这是第三行第四个数值</td> </tr> </table> ``` 输出效果如下: ![](https://img.kancloud.cn/6a/a8/6aa828407c478612e286e5f42d848cf1_1037x379.png)