表格组件.txt
1.39 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
表格组件,组件参数:
// 展示分页
showPage: {
type: Boolean,
default: true
},
showBorder: {
type: Boolean,
default: true
},
// 高度
height: {
type: Number,
default: window.innerHeight
},
// 展示下标
showIndex: {
type: Boolean,
default: true
},
indexLabel: {
type: String,
default: '序号'
},
currentPage: {
type: Number,
default: 1
},
// 分页页码设置
pageSizes: {
type: Array,
default: [50,100, 200, 300, 400]
},
// 默认展示
pageSize: {
type: Number,
default: 100
},
// 总数
total: {
type: Number,
default: 0
},
// 展示组件
layout: {
type: String,
default: "total, sizes, prev, pager, next, jumper"
},
// 列
columns: {
type: Array,
default: []
},
// 数据
dataList: {
type: Array,
default: []
},
// 加载
loading:{
type: Boolean,
default: false
},
--------------------------------------------------------------------
columns参数说明:
// 单元绑定数据key
prop: 'fileName',
// 表头展示名称
label: '文档名称',
sortable:true,
// 对其方式 left center right
align:'left',
click:function (row) {
// 单元格点击出发的函数 row,当前行的数据
},
render:function (row){
// 表格个性化展示,返回html
return html;
}
------------------------slot--------------------------------------------
#default 内容插槽
#tools 工具栏插槽