element-ui的table跨行合并

• 效果图

• 代码

  
  
  
  <template #default="{row,column}">
  

  {{ row[column.property]?$moment(row[column.property]).format("YYYY-MM-DD"):"" }}
  
  
  
  
  
  
  <el-pagination :current-page.sync="form.pageIndex"
  @size-change="handleSizeChange"
  @current-change="handleCurrentChange"
  :page-size="form.pageSize"
  :page-sizes="[20, 40, 60, 80,100]"
  layout="total, sizes, prev, pager, next, jumper"
  :total="form.boskTotal">
  
  
  
  

• 每列是个单独计算合并方法

  
  
  
  <template #default="{row,column}">
  

  {{ row[column.property]?$moment(row[column.property]).format("YYYY-MM-DD"):"" }}
  
  
  
  
  
  
  <el-pagination :current-page.sync="form.pageIndex"
  @size-change="handleSizeChange"
  @current-change="handleCurrentChange"
  :page-size="form.pageSize"
  :page-sizes="[20, 40, 60, 80,100]"
  layout="total, sizes, prev, pager, next, jumper"
  :total="form.boskTotal">