uniapp uni-table 表头斜向合并

uni-app的uni-table组件提供了一种灵活的方式来创建表格，并支持表头的合并。如果你想实现表头的斜向合并，你可以通过设置`cell-style`属性，在列合并单元格上应用自定义样式。这个属性接受一个函数，接收当前单元格的信息作为参数，你可以在这个函数中判断行和列的位置，然后动态设置CSS样式。

例如，如果你想将第一行的第一列和第二列合并成一个斜向的单元格，可以这样做：

<view class="table">
  <uni-table :data="tableData" :row-key="getRowKey">
    <template slot-scope="{ $index, row }">
      <!-- 每一行 -->
      <uni-table-column header-align="center" width="200">
        <!-- 判断是否是合并区域 -->
        <template v-if="$index === 0 && $index % 2 === 0">
          <div :style="{ background: 'linear-gradient(45deg, #f00 0%, #fff 100%)', padding: '10px' }">{{ row.header }}</div>
        </template>
        <template v-else>
          {{ row.data }}
        </template>
      </uni-table-column>
      <!-- 其他列... -->
    </template>
  </uni-table>
</view>

这里的关键在于`v-if`条件判断，当索引`$index`满足合并条件时，显示一个带有渐变背景的文本，实现了斜向的表头合并效果。