## Table 表格
用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。

#### Table 基础表格
:::demo
``` html
<template>
  <div>
    <mg-table :column="optionsTable2.col" :data-list="tableData" page="false" :index='true'  align='left' :header-style="{color:'#409EFF'}"  >
      <template slot='address' slot-scope='scope'>
        <span>22{{scope.row.address}}11</span>
      </template>
      <div slot-scope="scope">
        <span class='cursor blue' @click="remove(scope.row)">删除</span>
      </div>
    </mg-table>
  </div>
</template>
<script>
export default {
  data () {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王大狗",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王白花",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王巨鹿",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
       optionsTable2: {
        col: [
          {
            label: '名称',
            prop: 'name'
          },
          {
            label: '地址',
            prop: 'address',
            template:true
          },
          {
            label: '最后更新时间',
            prop: 'date',
            attrs:{
              'min-width':'200'
            }
          }
        ]
      },
</script>
```
:::

#### Table 表格带查询
查询仅对接API接口使用。
:::demo
``` html
<template>
  <div>
    <mg-table :column="optionsTable3.col" :api="optionsTable3.api" :params="optionsTable3.params" :search-config='optionsTable3.searchConfig' :index='true' :selection='true' align='left' :header-style="{color:'#409EFF'}"  >
      <template slot='searchBtns' >
        <el-button type="primary"  @click="">添加</el-button>
      </template>
      <template slot='address' slot-scope='scope'>
        <span>{{scope.row.address}}</span>
      </template>
      <div slot-scope="scope">
        <span class='cursor blue' @click="remove(scope.row)">删除</span>
      </div>
    </mg-table>
  </div>
</template>
<script>
export default {
  data () {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王大狗",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王白花",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王巨鹿",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
      optionsTable2: {
         searchConfig: [
           {
            type: 'input',
            label: '请输入名称',
            prop: 'name',
            hideFun: this.hideFun
          },
          {
            type: 'daterange',
            label: '注册时间',
            start: 'register_startTime',
            end: 'register_endTime',
            hide: false
          },
          {
            type: 'switch',
            label: '是否公民',
            prop: 'isPerson',
          },
          {
            type: 'select',
            label: '待办类型',
            prop: 'daiban_type',
            enum: 'statusList'
          },
          {
            type: 'radio',
            label: '学校类型',
            prop: 'type',
            enum: 'type'
          },
        ],
        params: {
          register_startTime: '2021-09-19',
          register_endTime: '2021-09-24'
        },
        col: [
          {
            label: '名称',
            prop: 'name'
          },
          {
            label: '地址',
            prop: 'address',
            template:true
          },
          {
            label: '最后更新时间',
            prop: 'date',
            attrs:{
              'min-width':'200'
            }
          }
        ]
      },
</script>
```
:::

<template>
    <div class='py20'>
      Table 属性
      <mg-table  :column="optionsTable.col" :dataList="dataList " page="false" :params="optionsTable.params" align='left'  >
      </mg-table>
      Table 属性 ( Element )
      <mg-table  :column="optionsTable.col" :dataList="dataListEl " page="false" :params="optionsTable.params" align='left'  >
      </mg-table>
      Table.column 属性
      <mg-table  :column="optionsTable.col" :dataList="dataList2 " page="false" :params="optionsTable.params" align='left' >
      </mg-table>
      Table.column 属性 ( Element )
      <mg-table  :column="optionsTable.col" :dataList="dataList2El " page="false" :params="optionsTable.params" align='left' >
      </mg-table>
      Table.search-config 属性
      <mg-table  :column="optionsTable.col" :dataList="dataList3 " page="false" :params="optionsTable.params" align='left' >
      </mg-table>
      Table Events ( Element )
      <mg-table  :column="optionsTable.col" :dataList="dataList4 " page="false" :params="optionsTable.params" align='left' >
      </mg-table>
      Table Methods (Element)
      <mg-table  :column="optionsTable.col" :dataList="dataList5 " page="false" :params="optionsTable.params" align='left' >
      </mg-table>
      Table Slot ( Element )
      <mg-table  :column="optionsTable.col" :dataList="dataList6 " page="false" :params="optionsTable.params" align='left' >
      </mg-table>
      Table-column Scoped Slot ( Element )
      <mg-table  :column="optionsTable.col" :dataList="dataList7 " page="false" :params="optionsTable.params" align='left' >
      </mg-table>
    </div>
</template>
<script>
  import {
    StaffList,//用户
  getDeptStaffList, //部门
  getStaffQuery, //人员
  getRoleList, //角色
  getPostList, //岗位
} from "@/components/api/index.js";
export default {
  data () {
    return {
      optionsTable3: {
        // api: getMenuList,
        api: getRoleList,
        searchConfig: [
          {
            type: 'input',
            label: '角色名称',
            prop: 'keyword',
            attrs: {
              clearable: true
            }
          },
          {
            type: 'select',
            label: '状态',
            prop: 'status',
          }
        ],
        params: {
          // tenantId: this.$store.getters.useTenant
        },
        col: [
          {
            label: '角色名称',
            prop: 'name'
          },
          {
            label: '权限字符',
            prop: 'sourceIdentifier'
          },
          {
            label: '角色状态',
            prop: 'status',
            enum: 'statusData'
          }
        ]
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王大狗",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王白花",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王巨鹿",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
       optionsTable2: {
         searchConfig: [
           {
            type: 'input',
            label: '请输入名称',
            prop: 'name',
            hideFun: this.hideFun
          },
          {
            type: 'daterange',
            label: '注册时间',
            start: 'register_startTime',
            end: 'register_endTime',
            hide: false
          },
          {
            type: 'switch',
            label: '是否公民',
            prop: 'isPerson',
          },
          {
            type: 'select',
            label: '待办类型',
            prop: 'daiban_type',
            enum: 'statusList'
          },
          {
            type: 'radio',
            label: '学校类型',
            prop: 'type',
            enum: 'type'
          },
        ],
        params: {
          register_startTime: '2021-09-19',
          register_endTime: '2021-09-24'
        },
        col: [
          {
            label: '名称',
            prop: 'name',
            attrs:{
              fixed:'left'
            }
          },
          {
            label: '地址',
            prop: 'address',
            template:true
          },
          {
            label: '最后更新时间',
            prop: 'date',
            attrs:{
              'min-width':'200'
            }
          }
        ]
      },
      optionsTable: {
        params: {},
        col: [
          {
            label: '参数',
            prop: 'name',
          },
          {
            label: '说明',
            prop: 'show',
          },
          {
            label: '类型',
            prop: 'type',
          },
          {
            label: '可选值',
            prop: 'option',
          },
          {
            label: '默认值',
            prop: 'default',
          }
        ],
        col2: [
          {
            label: '参数',
            prop: 'name',
          },
          {
            label: '说明',
            prop: 'show',
          },
          {
            label: '-',
            prop: 'option',
          },
        ]
      },
      dataList:[
        {
         name:'api',
         show:"接口获取数据源，例： api: 接口名称",
         type:'Function',
         option:'',
         default:'',
        },
        {
         name:'prop',
         show:'api参数',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'dataList',
         show:'不通过接口获取数据源',
         type:'Array',
         option:'',
         default:'',
        },
        {
         name:'searchConfig',
         show:'查询表单配置',
         type:'Array',
         option:'',
         default:'详见：Table.search-config 属性',
        },
         {
         name:'params',
         show:'查询表单固定参数',
         type:'Object',
         option:'',
         default:'',
        },
        {
         name:'column',
         show:'表格列配置',
         type:'Array',
         option:'',
         default:'详见：Table.column 属性',
        },
        {
         name:'selection',
         show:'是否显示可选checkbox',
         type:'boolean',
         option:'',
         default:'false',
        },
        {
         name:'index',
         show:'序号',
         type:'boolean',
         option:'',
         default:'false',
        },
        {
         name:'row',
         show:'是否拖拽排序',
         type:'Boolean',
         option:'',
         default:'false',
        },
        {
         name:'headerStyle',
         show:"表头样式，{color:'#409EFF'}",
         type:'Object',
         option:"",
         default:'',
        },
        {
         name:'align',
         show:'对齐方式',
         type:'string',
         option:'left/center/right',
         default:'center',
        },
        ],
      dataListEl:[
        {
         name:'height',
         show:'Table 的高度，默认为自动高度。如果 height 为 number 类型，单位 px；如果 height 为 string 类型，则这个高度会设置为 Table 的 style.height 的值，Table 的高度会受控于外部样式。',
         type:'string/number',
         option:'',
         default:'',
        },
        {
         name:'max-height',
         show:'Table 的最大高度。合法的值为数字或者单位为 px 的高度。',
         type:'string/number',
         option:'',
         default:'',
        },
        {
         name:'stripe',
         show:'是否为斑马纹 table',
         type:'boolean',
         option:'',
         default:'false',
        },
        {
         name:'border',
         show:'是否带有纵向边框',
         type:'boolean',
         option:'',
         default:'false',
        },
        {
         name:'size',
         show:'Table 的尺寸',
         type:'string',
         option:'medium / small / mini',
         default:'',
        },
        {
         name:'fit',
         show:'列的宽度是否自撑开',
         type:'boolean',
         option:'',
         default:'true',
        },
        {
         name:'show-header',
         show:'是否显示表头',
         type:'boolean',
         option:'',
         default:'true',
        },
        {
         name:'highlight-current-row',
         show:'是否要高亮当前行',
         type:'boolean',
         option:'',
         default:'false',
        },
        {
         name:'current-row-key',
         show:'当前行的 key，只写属性',
         type:'String,Number',
         option:'',
         default:'',
        },
        {
         name:'row-class-name',
         show:'行的 className 的回调方法，也可以使用字符串为所有行设置一个固定的 className。',
         type:'Function({row, rowIndex})/String',
         option:'',
         default:'',
        },
        {
         name:'row-style',
         show:'行的 style 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style。',
         type:'Function({row, rowIndex})/Object',
         option:'',
         default:'',
        },
        {
         name:'cell-class-name',
         show:'单元格的 className 的回调方法，也可以使用字符串为所有单元格设置一个固定的 className。',
         type:'Function({row, column, rowIndex, columnIndex})/String',
         option:'',
         default:'',
        },
        {
         name:'cell-style',
         show:'单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。',
         type:'Function({row, column, rowIndex, columnIndex})/Object',
         option:'',
         default:'',
        },
        {
         name:'header-row-class-name',
         show:'表头行的 className 的回调方法，也可以使用字符串为所有表头行设置一个固定的 className。',
         type:'Function({row, rowIndex})/String',
         option:'',
         default:'',
        },
        {
         name:'header-row-style',
         show:'表头行的 style 的回调方法，也可以使用一个固定的 Object 为所有表头行设置一样的 Style。',
         type:'Function({row, rowIndex})/Object',
         option:'',
         default:'',
        },
        {
         name:'header-cell-class-name',
         show:'表头单元格的 className 的回调方法，也可以使用字符串为所有表头单元格设置一个固定的 className。',
         type:'Function({row, column, rowIndex, columnIndex})/String',
         option:'',
         default:'',
        },
        {
         name:'header-cell-style',
         show:'表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。',
         type:'Function({row, column, rowIndex, columnIndex})/Object',
         option:'',
         default:'',
        },
        {
         name:'row-key',
         show:'行数据的 Key，用来优化 Table 的渲染；在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。',
         type:'Function(row)/String',
         option:'',
         default:'',
        },
        {
         name:'empty-text',
         show:'空数据时显示的文本内容，也可以通过 slot="empty" 设置',
         type:'string',
         option:'',
         default:'暂无数据',
        },
        {
         name:'default-expand-all',
         show:'是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效',
         type:'Boolean',
         option:'',
         default:'false',
        },
        {
         name:'expand-row-keys',
         show:'可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。',
         type:'Array',
         option:'',
         default:'',
        },
        {
         name:'default-sort',
         show:'默认的排序列的 prop 和顺序。它的prop属性指定默认的排序的列，order指定默认排序的顺序',
         type:'Object',
         option:'order: ascending, descending',
         default:'如果只指定了prop, 没有指定order, 则默认顺序是ascending',
        },
        {
         name:'tooltip-effect',
         show:'tooltip effect 属性',
         type:'string',
         option:'dark/light',
         default:'',
        },
        {
         name:'show-summary',
         show:'是否在表尾显示合计行',
         type:'Boolean',
         option:'',
         default:'false',
        },
        {
         name:'sum-text',
         show:'合计行第一列的文本',
         type:'string',
         option:'',
         default:'合计',
        },
        {
         name:'summary-method',
         show:'自定义的合计计算方法',
         type:'Function({ columns, data })',
         option:'',
         default:'',
        },
        {
         name:'span-method',
         show:'合并行或列的计算方法',
         type:'Function({ row, column, rowIndex, columnIndex })',
         option:'',
         default:'',
        },
        {
         name:'select-on-indeterminate',
         show:'在多选表格中，当仅有部分行被选中时，点击表头的多选框时的行为。若为 true，则选中所有行；若为 false，则取消选择所有行',
         type:'Boolean',
         option:'',
         default:'true',
        },
        {
         name:'indent',
         show:'展示树形数据时，树节点的缩进',
         type:'Number',
         option:'',
         default:'16',
        },
        {
         name:'lazy',
         show:'是否懒加载子节点数据',
         type:'Boolean',
         option:'',
         default:'',
        },
        {
         name:'load',
         show:'加载子节点数据的函数，lazy 为 true 时生效，函数第二个参数包含了节点的层级信息',
         type:'Function(row, treeNode, resolve)',
         option:'',
         default:'',
        },
        {
         name:'tree-props',
         show:'渲染嵌套数据的配置选项',
         type:'Object',
         option:'',
         default:"{ hasChildren: 'hasChildren', children: 'children' }",
        },
        ],
      dataList2:[
        {
         name:'label',
         show:'列名',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'prop',
         show:'列字段',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'template',
         show:'是否使用插槽',
         type:'Boolean',
         option:'',
         default:'false',
        },
        {
         name:'align',
         show:'对齐方式',
         type:'string',
         option:'left/center/right',
         default:'left',
        },
        {
         name:'width',
         show:"宽度,例：width='120px'",
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'hide',
         show:'是否隐藏',
         type:'Boolean',
         option:'',
         default:'false',
        },
        {
         name:'attrs',
         show:"显示Table.column 属性 (Element),例：attrs:{'min-width':'200'}",
         type:'Object',
         option:'',
         default:'详见：Table.column 属性 (Element)',
        },
        ],
      dataList2El:[
        {
         name:'type',
         show:'对应列的类型。如果设置了 selection 则显示多选框；如果设置了 index 则显示该行的索引（从 1 开始计算）；如果设置了 expand 则显示为一个可展开的按钮',
         type:'string',
         option:'selection/index/expand',
         default:'',
        },
        {
         name:'index',
         show:'如果设置了 type=index，可以通过传递 index 属性来自定义索引',
         type:'number, Function(index)',
         option:'',
         default:'',
        },
        {
         name:'column-key',
         show:'column 的 key，如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'min-width',
         show:'对应列的最小宽度，与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'fixed',
         show:'列是否固定在左侧或者右侧，true 表示固定在左侧',
         type:'string, boolean',
         option:'true, left, right',
         default:'',
        },
        {
         name:'render-header',
         show:'header	列标题 Label 区域渲染使用的 Function',
         type:'Function(h, { column, $index })',
         option:'',
         default:'',
        },
        {
         name:'sortable',
         show:"对应列是否可以排序，如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件",
         type:'boolean, string',
         option:"true, false, 'custom'",
         default:'false',
        },
        {
         name:'sort-method',
         show:'对数据进行排序的时候使用的方法，仅当 sortable 设置为 true 的时候有效，需返回一个数字，和 Array.sort 表现一致',
         type:'Function(a, b)',
         option:'',
         default:'',
        },
        {
         name:'sort-by',
         show:'指定数据按照哪个属性进行排序，仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。如果 sort-by 为数组，则先按照第 1 个属性排序，如果第 1 个相等，再按照第 2 个排序，以此类推',
         type:'String/Array/Function(row, index)',
         option:'',
         default:'',
        },
        {
         name:'sort-orders',
         show:'数据在排序时所使用排序策略的轮转顺序，仅当 sortable 为 true 时有效。需传入一个数组，随着用户点击表头，该列依次按照数组中元素的顺序进行排序',
         type:'array',
         option:'数组中的元素需为以下三者之一：ascending 表示升序，descending 表示降序，null 表示还原为原始顺序',
         default:"['ascending', 'descending', null]",
        },
        {
         name:'resizable',
         show:'对应列是否可以通过拖动改变宽度（需要在 el-table 上设置 border 属性为真）',
         type:'boolean',
         option:'',
         default:'true',
        },
        {
         name:'formatter',
         show:'用来格式化内容',
         type:'Function(row, column, cellValue, index)',
         option:'',
         default:'',
        },
        {
         name:'show-overflow-tooltip',
         show:'当内容过长被隐藏时显示 tooltip',
         type:'Boolean',
         option:'',
         default:'false',
        },
        {
         name:'header-align',
         show:'表头对齐方式，若不设置该项，则使用表格的对齐方式',
         type:'string',
         option:'left/center/right',
         default:'',
        },
        {
         name:'class-name',
         show:'	列的 className',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'label-class-name',
         show:'当前列标题的自定义类名',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'selectable',
         show:'仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选',
         type:'Function(row, index)',
         option:'',
         default:'',
        },
        {
         name:'reserve-selection',
         show:'仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key）',
         type:'Boolean',
         option:'',
         default:'false',
        },
        {
         name:'filters',
         show:'数据过滤的选项，数组格式，数组中的元素需要有 text 和 value 属性。',
         type:'Array[{ text, value }]',
         option:'',
         default:'',
        },
        {
         name:'filter-placement',
         show:'过滤弹出框的定位',
         type:'string',
         option:'	与 Tooltip 的 placement 属性相同',
         default:'',
        },
        {
         name:'filter-multiple',
         show:'数据过滤的选项是否多选',
         type:'Boolean',
         option:'',
         default:'true',
        },
        {
         name:'filter-method',
         show:'数据过滤使用的方法，如果是多选的筛选项，对每一条数据会执行多次，任意一次返回 true 就会显示。',
         type:'Function(value, row, column)',
         option:'',
         default:'',
        },
        {
         name:'filtered-value',
         show:'选中的数据过滤项，如果需要自定义表头过滤的渲染方式，可能会需要此属性。',
         type:'Array',
         option:'',
         default:'',
        },
        ],
      dataList3:[
        {
         name:'label',
         show:'标签文本名称',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'prop',
         show:'查询 model 字段',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'type',
         show:'文本框类型：input,number,checkbox,radio,switch,select,date,datetime, timerange,daterange,el-cascader,text,textarea等',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'enum',
         show:'标签文本名称',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'hide',
         show:'是否隐藏',
         type:'Boolean',
         option:'',
         default:'false',
        },
        {
         name:'hideFun',
         show:'方法返回是否隐藏',
         type:'func',
         option:'',
         default:'',
        },
        {
         name:'start',
         show:'开始时间，仅daterange类型时间段',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'end',
         show:'结束时间，仅daterange类型时间段',
         type:'string',
         option:'',
         default:'',
        },
        ],
      dataList4:[
        {
         name:'select',
         show:'当用户手动勾选数据行的 Checkbox 时触发的事件',
         type:'selection, row',
         option:'',
         default:'',
        },
        {
         name:'select-all',
         show:'当用户手动勾选全选 Checkbox 时触发的事件',
         type:'selection',
         option:'',
         default:'',
        },
        {
         name:'selection-change',
         show:'当选择项发生变化时会触发该事件',
         type:'selection',
         option:'',
         default:'',
        },
        {
         name:'cell-mouse-enter',
         show:'当单元格 hover 进入时会触发该事件',
         type:'row, column, cell, event',
         option:'',
         default:'',
        },
        {
         name:'cell-mouse-leave',
         show:'	当单元格 hover 退出时会触发该事件',
         type:'row, column, cell, event',
         option:'',
         default:'',
        },
        {
         name:'cell-click',
         show:'当某个单元格被点击时会触发该事件',
         type:'	row, column, cell, event',
         option:'',
         default:'',
        },
        {
         name:'cell-dblclick',
         show:'当某个单元格被双击击时会触发该事件',
         type:'row, column, cell, event',
         option:'',
         default:'',
        },
        {
         name:'row-click',
         show:'当某一行被点击时会触发该事件',
         type:'row, column, event',
         option:'',
         default:'',
        },
        {
         name:'row-contextmenu',
         show:'当某一行被鼠标右键点击时会触发该事件',
         type:'row, column, event',
         option:'',
         default:'',
        },
        {
         name:'row-dblclick',
         show:'当某一行被双击时会触发该事件',
         type:'row, column, event',
         option:'',
         default:'',
        },
        {
         name:'header-click',
         show:'当某一列的表头被点击时会触发该事件',
         type:'	column, event',
         option:'',
         default:'',
        },
        {
         name:'header-contextmenu',
         show:'当某一列的表头被鼠标右键点击时触发该事件',
         type:'column, event',
         option:'',
         default:'',
        },
        {
         name:'sort-change',
         show:'当表格的排序条件发生变化的时候会触发该事件',
         type:'	{ column, prop, order }',
         option:'',
         default:'',
        },
        {
         name:'filter-change',
         show:'当表格的筛选条件发生变化的时候会触发该事件，参数的值是一个对象，对象的 key 是 column 的 columnKey，对应的 value 为用户选择的筛选条件的数组。',
         type:'filters',
         option:'',
         default:'',
        },
        {
         name:'current-change',
         show:'当表格的当前行发生变化的时候会触发该事件，如果要高亮当前行，请打开表格的 highlight-current-row 属性',
         type:'currentRow, oldCurrentRow',
         option:'',
         default:'',
        },
        {
         name:'header-dragend',
         show:'newWidth, oldWidth, column, event',
         type:'string',
         option:'',
         default:'',
        },
        {
         name:'expand-change',
         show:'	当用户对某一行展开或者关闭的时候会触发该事件（展开行时，回调的第二个参数为 expandedRows；树形表格时第二参数为 expanded）',
         type:'row, (expandedRows | expanded)',
         option:'',
         default:'',
        },
      ],
      dataList5:[
        {
         name:'clearSelection',
         show:'用于多选表格，清空用户的选择',
         type:'',
         option:'',
         default:'',
        },
        {
         name:'toggleRowSelection',
         show:'用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）',
         type:'row, selected',
         option:'',
         default:'',
        },
        {
         name:'toggleAllSelection',
         show:'用于多选表格，切换所有行的选中状态',
         type:'',
         option:'',
         default:'',
        },
        {
         name:'toggleRowExpansion',
         show:'	用于可展开表格与树形表格，切换某一行的展开状态，如果使用了第二个参数，则是设置这一行展开与否（expanded 为 true 则展开）',
         type:'row, expanded',
         option:'',
         default:'',
        },
        {
         name:'setCurrentRow',
         show:'用于单选表格，设定某一行为选中行，如果调用时不加参数，则会取消目前高亮行的选中状态。',
         type:'row',
         option:'',
         default:'',
        },
        {
         name:'clearSort',
         show:'	用于清空排序条件，数据会恢复成未排序的状态',
         type:'',
         option:'',
         default:'',
        },
        {
         name:'clearFilter',
         show:'	不传入参数时用于清空所有过滤条件，数据会恢复成未过滤的状态，也可传入由columnKey组成的数组以清除指定列的过滤条件',
         type:'columnKey',
         option:'',
         default:'',
        },
        {
         name:'doLayout',
         show:'对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法',
         type:'',
         option:'',
         default:'',
        },
        {
         name:'sort',
         show:'手动对 Table 进行排序。参数prop属性指定排序列，order指定排序顺序。',
         type:'prop: string, order: string',
         option:'',
         default:'',
        },
      ],
      dataList6:[
        {
         name:'append',
         show:'插入至表格最后一行之后的内容，如果需要对表格的内容进行无限滚动操作，可能需要用到这个 slot。若表格有合计行，该 slot 会位于合计行之上。',
         type:'',
         option:'',
         default:'',
        },
      ],
      dataList7:[
        {
         name:'--',
         show:'自定义列的内容，参数为 { row, column, $index }',
         type:'',
         option:'',
         default:'',
        },
        {
         name:'header',
         show:'	自定义表头的内容. 参数为 { column, $index }',
         type:'',
         option:'',
         default:'',
        },
      ],
    }
  },
  methods:{
    hideFun(){
      return false
    }
  }
}
</script>