相比大家很少在uniapp中使用table,一般我们在web端有很多可选择的框架，
但由于uniapp的特殊性使得我们只能使用html中的table(thead--tbody-tr-td)。
普通表格就不赘述了，我们来 聊一聊thead   tbody 的合并问题；我只给出思路；

 1、表头的合并分为第一行表头；第二行表头；如图

20241106-142251.jpg

  第一行表头为：大区 业务省 网点编码  网点名称   开通率  取消率
  第二行表头为：有效门店  开通寄件  开通抖音  开通率  下单门店  下单数  寄件量 
  取消率 门店取消率 订单转换率
  合并的思路就是：表头一共2行，前4列每一列占2行因此要合并；
  开通率，取消率占了一行，将下面4个子单元格合并；

      代码实现 主要用到rowspan：行合并，colspan：列合并
      <tr>
        <th rowspan="2">主<br />管</th>
         <th rowspan="2">序<br />号</th>
         <th rowspan="2">负责人</th>
         <th rowspan="2">业务省</th>
         <th colspan="4">开通率</th>
         <th colspan="6">取消率</th>
         <th colspan="3">揽收率</th>
     </tr>

表体单元格的合并

这我提供自己的思路；单元格的合并我是完全依赖与数据结构来进行合并
类似于数据归类，子类的数据长度就是要合并的行数

注意

在uniapp中表格为了体验好，一般会用到横屏；
但是大部分app会强制竖屏；你在实现的时候只能对页面进行旋转，
单位使用像素单位；响应的宽高与竖屏的相反

个人总结希望给用到的同学提供思路