pure-table

493 阅读1分钟

事件

  • row-click:点击表格的行时触发的事件
  • selection-change:选中项发生变化时触发的事件
  • sort-change:排序方式发生变化时触发的事件
  • filter-change:筛选条件发生变化时触发的事件

属性

  • data:表格展示的数据源,类型为数组
  • columns:表格列的配置描述,类型为数组
  • height:表格的高度,类型为字符串或数值
  • stripe:是否显示斑马纹,默认为 false
  • border:是否显示表格边框,默认为 false
  • fit:列的宽度是否自适应内容,默认为 true
  • show-header:是否显示表头,默认为 true
  • highlight-current-row:是否高亮当前行,默认为 false
  • row-class-name:行的 class 名称,类型为函数或字符串
  • row-style:行的 style 样式,类型为函数或对象
  • cell-class-name:单元格的 class 名称,类型为函数或字符串
  • cell-style:单元格的样式,类型为函数或对象
  • empty-text:当数据为空时显示的文本内容,类型为字符串

方法

  • clearSort():清空表格的排序状态
  • toggleRowSelection(row, selected):切换某一行的选中状态,第一个参数为行数据,第二个参数为选中状态
  • toggleAllSelection():切换所有行的选中状态
  • setCurrentRow(row):设置当前行,第一个参数为行数据
  • clearSelection():清空所有选中行
  • sort(prop, order):对表格数据进行排序,第一个参数为排序的字段,第二个参数为排序的方式
  • filter(filters):对表格数据进行筛选,第一个参数为筛选条件

以上是 pure-table 组件上的所有事件、属性和方法。