OpTable

OpTable

1，首先引入组件

.import OpTable from '@/components/OpTable'  
@Component({
  components: {  OpTable }
})

2，使用组件

<op-table></op-table>

3，参数说明
optable 属性说明

参数	说明	类型	可选值	默认值
tableStrucure	表格结构（具体见下说明）	对象数组	必填	无
tableData	表格数据	数组	必填	无
total	数据总数，分页要用到	数值	选填	无
spanMethod	合并行或列的计算方法	Function({ row, column, rowIndex, columnIndex })	选填	默认按mergeKey合并行
spreadKey	展开表格数据展示的关键属性	字符串	选填	无
mergeKey	根据这个属性去合并单元格	字符串	选填	无

tableStrucure

属性	说明
label	显示的标题
prop	对应列内容的字段名
width	对应列的宽度
render	Function(h, params)JSX方式渲染内容，可自定义

tableStrucure例子

[
    {
      label: '选择',
      width: 55,
      prop: 'selection',
      type: 'selection'
    },
    {
      label: '送货安装单号',
      width: 130,
      prop: 'installNo'
    },
    {
      label: '生成时间',
      width: 200,
      prop: 'createTime',
      render: (h, params) => {
        return h('div', [
          h('p', {}, `${params.row.createTime}`)
        ])
      }
    }]