主要用于展示大量结构化数据。
非 template/render 模式下,请使用 h-table。
给Column设置sort为true,则使用自定义排序,根据sort事件对数据做出调整。
给Column设置sort为auto,则可以默认使用数据排序
使用loading可以设置数据的加载效果
给行数据 data 的某项设置 _expand 为 true,可以默认展开当前行
固定的高度和宽度,内部内容超出时自动scroll。
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| columns | 定义table的column | Array | - | [Column] |
| datas | 列表展示需要的数据 | Array | - | [] |
| height | Table固定的高度 | Number | - | - |
| checkbox | 是否使用checkbox选择器 | Boolean | - | false |
| border | table是否有竖线分割 | Boolean | - | false |
| stripe | table使用栅格背景 | Boolean | - | false |
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| title | 定义table的header标题 | String | - | |
| width | 定义table每一项宽度 | Number | - | [] |
| fixed | 是否为固定栏 | String | - | left, right |
| prop | 按照数据的某个字段渲染数据 | String | - | |
| align | table中的标题对齐方式 | String | left,right,center | left |
| tooltip | table中的标题是否使用提示框 | Boolean | - | false |
| placement | table中的标题使用提示框的提醒位置 | String | - | |
| content | table中的标题使用提示框的内容 | String | - | 默认使用title |
| sort | 是否添加排序触发 | Boolean, String | true/auto | false |
| selectWhenClickTr | 当点击tr的时候,触发checkbox选中切换 | Boolean | false |
| 事件 | 说明 |
|---|---|
| sort | 当排序的时候触发的事件 |
| select | 当checkbox有变动的时候触发的事件 |
| selectAll | 当checkbox全选的时候 |
| trclick | 当tr被点击的时候 |
| trdblclick | 当tr被双击的时候 |
| 方法 | 说明 |
|---|---|
| clearSort | 清空排序 |
| clearSelection | 清空选中 |
| setSelection | 设置选中的值 |
| inverseSelection | 设置选中的值反选 |