ui-table 表格的使用
使用指南
<ui-table :data="list" stripe border>
<ui-table-column min-width="120">
<template v-slot="scope">
<ui-button type="text" size="small">编辑</el-button>
</template>
</ui-table-column>
</ui-table>
API
ui-table Attributes
属性 |
说明 |
类型 |
默认值 |
备注 |
data |
显示的数据 |
Array |
|
- |
height |
Table 的高度,默认为自动高度。如果 height 为 number 类型,单位 px;如果 height 为 string 类型,则这个高度会设置为 Table 的 style.height 的值,Table 的高度会受控于外部样式。 |
string/number |
|
- |
max-height |
Table 的最大高度。合法的值为数字或者单位为 px 的高度。 |
string/number |
|
- |
stripe |
是否为斑马纹 table |
boolean |
false |
|
border |
是否带有纵边框 |
boolean |
false |
|
size |
Table 的尺寸 |
string |
|
medium / small / mini |
show-header |
是否显示表头 |
boolean |
true |
|
show-overflow-tooltip |
当内容过长被隐藏时显示 tooltip |
Boolean |
false |
|
ui-table Methods
方法名 |
说明 |
参数 |
clearSelection |
用于多选表格,清空用户的选择 |
---- |
goDetail()
Current Tags
-
0.0.2
...
latest
(2 years ago)
1 Versions