配置: columns
title
- 说明: 表格列名
- 类型: String
- 可选值: 无
- 默认值: 无
key
- 说明: data 中对应列的键名
- 类型: String
- 可选值: 无
- 默认值: 无
width
- 说明: 对应列的宽度
- 类型: String
- 可选值: 无
- 默认值: 无
minWidth
- 说明: 对应列的最小宽度,与 width 的区别是 width 是固定的,minWidth 会把剩余宽度按比例分配给设置了 minWidth 的列
- 类型: String
- 可选值: 无
- 默认值: 无
fixed
- 说明: 列是否固定在左侧或者右侧,true 表示固定在左侧
- 类型: String / Boolean
- 可选值: true / left / right
- 默认值: 无
- 说明: 列标题 Label 区域渲染使用的 Function
- 类型: Function (h, { column, $index })
- 可选值: 无
- 默认值: 无
sortable
- 说明: 对应列是否可以排序,如果设置为 'custom',则代表用户希望远程排序,需要监听 Table 的 sort-change 事件
- 类型: Boolean / String
- 可选值: true, false, 'custom'
- 默认值: false
sortMethod
- 说明: 对数据进行排序的时候使用的方法,仅当 sortable 设置为 true 的时候有效,需返回一个数字,和 Array.sort 表现一致
- 类型: Function (a, b)
- 可选值: 无
- 默认值: 无
sortBy
- 说明: 指定数据按照哪个属性进行排序,仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。如果 sort-by 为数组,则先按照第 1 个属性排序,如果第 1 个相等,再按照第 2 个排序,以此类推
- 类型: String / Array / Function (row, index)
- 可选值: 无
- 默认值: 无
sortOrders
- 说明: 数据在排序时所使用排序策略的轮转顺序,仅当 sortable 为 true 时有效。需传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序
- 类型: array
- 可选值: 数组中的元素需为以下三者之一:ascending 表示升序,descending 表示降序,null 表示还原为原始顺序
- 默认值: ['ascending', 'descending', null]
resizable
- 说明: 对应列是否可以通过拖动改变宽度(需要在
options
中设置 border 属性为 true - 类型: Boolean
- 可选值: 无
- 默认值: true
- 说明: 用来格式化内容
- 类型: Function (row, column, cellValue, index)
- 可选值: 无
- 默认值: 无
- 说明: 当内容过长被隐藏时显示 tooltip
- 类型: Boolean
- 可选值: 无
- 默认值: false
align
- 说明: 对齐方式
- 类型: String
- 可选值: left / center / right
- 默认值: left
- 说明: 表头对齐方式,若不设置该项,则使用表格的对齐方式
- 类型: String
- 可选值: left / center / right
- 默认值: 无
className
- 说明: 列的 className
- 类型: String
- 可选值: 无
- 默认值: 无
labelClassName
- 说明: 当前列标题的自定义类名
- 类型: String
- 可选值: 无
- 默认值: 无
filters
- 说明: 数据过滤的选项,数组格式,数组中的元素需要有 text 和 value 属性。
- 类型: Function ({ text, value })
- 可选值: 无
- 默认值: 无
filterPlacement
- 说明: 过滤弹出框的定位
- 类型: String
- 可选值: top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-end
- 默认值: bottom
filterMultiple
- 说明: 数据过滤的选项是否多选
- 类型: Boolean
- 可选值: 无
- 默认值: true
filterMethod
- 说明: 数据过滤使用的方法,如果是多选的筛选项,对每一条数据会执行多次,任意一次返回 true 就会显示。
- 类型: Function (value, row, column)
- 可选值: 无
- 默认值: 无
filteredValue
- 说明: 选中的数据过滤项,如果需要自定义表头过滤的渲染方式,可能会需要此属性。
- 类型: Array
- 可选值: 无
- 默认值: 无
component.name
- 说明: 表格渲染的组件名,组件请参考 组件 (opens new window)
- 类型: String
- 可选值: el-input / el-input-number / el-radio / el-checkbox / el-select / el-cascader / el-switch / el-slider / el-time-select / el-time-picker / el-date-picker / el-rate / el-color-picker / 自定义组件
- 默认值: 无