# 合并单元格（合并行）功能

需配置

isMergedCell: 是否开启合并单元格； mergeCol：第几列进行行合并，默认 0（第一列） comparisonOperator：多列行合并比较运算符（即：是否一列合并还是相连多列合并，默认==（一列合并））

<template>
  <t-layout-page>
    <t-layout-page-item>
      <t-table :table="table" :isShowPagination="false" isMergedCell :columns="table.columns" />
    </t-layout-page-item>
  </t-layout-page>
</template>

<script>
export default {
  data() {
    return {
      table: {
        border: true,
        data: [
          {
            id: '1',
            type: '入库',
            date: '2019-09-25',
            date1: '2019-09-25',
            name: '张三',
            status: '2',
            address: '广东省广州市天河区',
            address1: '广东省广州市天河区',
          },
          {
            id: '2',
            type: '入库',
            date: '2019-09-26',
            date1: '2019-09-26',
            name: '张三1',
            status: '1',
            address: '广东省广州市天广东省广州市天河区2广东省广州市天河区2河区2',
            address1: '广东省广州市天广东省广州市天河区2广东省广州市天河区2河区2'
          },
          {
            id: '3',
            type: '入库',
            date: '2019-09-27',
            date1: '2019-09-27',
            name: '张三2',
            status: '3',
            address: '广东省广州市天河区3',
            address1: '广东省广州市天河区3',
          },
          {
            id: '4',
            type: '出库',
            date: '2019-09-27',
            date1: '2019-09-27',
            name: '张三3',
            status: '3',
            address: '广东省广州市天河区3',
            address1: '广东省广州市天河区3',
          },
          {
            id: '5',
            type: '出库',
            date: '2019-09-27',
            date1: '2019-09-27',
            name: '张三4',
            status: '3',
            address: '广东省广州市天河区3',
            address1: '广东省广州市天河区3'
          }
        ],
        columns: [
          { prop: 'type', label: '类型', minWidth: '100', },
          { prop: 'name', label: '姓名', minWidth: '100', },
          { prop: 'date', label: '日期', minWidth: '180', },
          { prop: 'address', label: '地址', minWidth: '220', },
          { prop: 'date1', label: '日期', minWidth: '180', },
          { prop: 'address1', label: '地址', minWidth: '220', }
        ]
      },
    }
  }
}
</script>

← 自定义排序表头合并（表头分组）功能 →