uniapp table 行合并

Uniapp的表格（table）组件提供了行合并的功能，可以将多个相邻的单元格合并成一个单元格，从而使表格更加美观和易于阅读。

要实现行合并，需要给需要合并的单元格设置相同的rowspan属性值。该属性值指定了该单元格跨越的行数，例如rowspan="2"表示该单元格跨越两行。

以下是一个示例代码：

<template>
  <view class="table">
    <view class="table-header">
      <view class="table-cell">姓名</view>
      <view class="table-cell">语文</view>
      <view class="table-cell">数学</view>
      <view class="table-cell">英语</view>
    </view>
    <view class="table-row">
      <view class="table-cell">小明</view>
      <view class="table-cell" rowspan="2">80</view>
      <view class="table-cell">90</view>
      <view class="table-cell">85</view>
    </view>
    <view class="table-row">
      <view class="table-cell">小红</view>
      <view class="table-cell">95</view>
      <view class="table-cell">88</view>
    </view>
  </view>
</template>

<style>
  .table {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
  .table-header {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-cell {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
  }
</style>

在上述示例代码中，第二行的第一个单元格设置了rowspan属性为2，表示该单元格跨越两行。因此，第三行的第一个单元格与第二行的第一个单元格合并为一个单元格。