@@ -66,7 +66,9 @@ Vue.use(VueGoodTable);
66
66
<vue-good-table
67
67
:columns =" columns"
68
68
:rows =" rows"
69
- :paginate =" true" />
69
+ :perPage =" 5"
70
+ :paginate =" true"
71
+ styleClass =" vgt-table striped bordered" />
70
72
</div >
71
73
</template >
72
74
@@ -79,47 +81,37 @@ export default {
79
81
{
80
82
label: ' Name' ,
81
83
field: ' name' ,
82
- filterable: true ,
84
+ filterOptions: {
85
+ enabled: true ,
86
+ },
83
87
},
84
88
{
85
89
label: ' Age' ,
86
90
field: ' age' ,
87
91
type: ' number' ,
88
- html: false ,
89
- filterable: true ,
90
92
},
91
93
{
92
94
label: ' Created On' ,
93
95
field: ' createdAt' ,
94
96
type: ' date' ,
95
- inputFormat : ' YYYYMMDD ' ,
96
- outputFormat : ' MMM Do YY' ,
97
+ dateInputFormat : ' YYYY-MM-DD ' ,
98
+ dateOutputFormat : ' MMM Do YY' ,
97
99
},
98
100
{
99
101
label: ' Percent' ,
100
102
field: ' score' ,
101
103
type: ' percentage' ,
102
- html: false ,
103
104
},
104
105
],
105
106
rows: [
106
- {id: 1 , name: " John" ,age: 20 ,createdAt: ' 201-10-31:9:35 am' ,score: 0.03343 },
107
- {id: 2 , name: " Jane" ,age: 24 ,createdAt: ' 2011-10-31' ,score: 0.03343 },
108
- {id: 3 , name: " Susan" ,age: 16 ,createdAt: ' 2011-10-30' ,score: 0.03343 },
109
- {id: 4 , name: " Chris" ,age: 55 ,createdAt: ' 2011-10-11' ,score: 0.03343 },
110
- {id: 5 , name: " Dan" ,age: 40 ,createdAt: ' 2011-10-21' ,score: 0.03343 },
111
- {id: 6 , name: " John" ,age: 20 ,createdAt: ' 2011-10-31' ,score: 0.03343 },
112
- {id: 7 , name: " Jane" ,age: 24 ,createdAt: ' 20111031' },
113
- {id: 8 , name: " Susan" ,age: 16 ,createdAt: ' 2013-10-31' ,score: 0.03343 },
114
- {id: 9 , name: " Chris" ,age: 55 ,createdAt: ' 2012-10-31' ,score: 0.03343 },
115
- {id: 10 , name: " Dan" ,age: 40 ,createdAt: ' 2011-10-31' ,score: 0.03343 },
116
- {id: 11 , name: " John" ,age: 20 ,createdAt: ' 2011-10-31' ,score: 0.03343 },
117
- {id: 12 , name: " Jane" ,age: 24 ,createdAt: ' 2011-07-31' ,score: 0.03343 },
118
- {id: 13 , name: " Susan" ,age: 16 ,createdAt: ' 2017-02-28' ,score: 0.03343 },
119
- {id: 14 , name: " Chris" ,age: 55 ,createdAt: ' ' ,score: 0.03343 },
120
- {id: 15 , name: " Dan" ,age: 40 ,createdAt: ' 2011-10-31' ,score: 0.03343 },
121
- {id: 19 , name: " Chris" ,age: 55 ,createdAt: ' 2011-10-31' ,score: 0.03343 },
122
- {id: 20 , name: " Dan" ,age: 40 ,createdAt: ' 2011-10-31' ,score: 0.03343 },
107
+ {id: 1 , name: " John" , age: 20 , createdAt: ' 201-10-31:9: 35 am' ,score: 0.03343 },
108
+ {id: 2 , name: " Jane" , age: 24 , createdAt: ' 2011-10-31' , score: 0.03343 },
109
+ {id: 3 , name: " Susan" , age: 16 , createdAt: ' 2011-10-30' , score: 0.03343 },
110
+ {id: 4 , name: " Chris" , age: 55 , createdAt: ' 2011-10-11' , score: 0.03343 },
111
+ {id: 5 , name: " Dan" , age: 40 , createdAt: ' 2011-10-21' , score: 0.03343 },
112
+ {id: 6 , name: " John" , age: 20 , createdAt: ' 2011-10-31' , score: 0.03343 },
113
+ {id: 7 , name: " Jane" , age: 24 , createdAt: ' 20111031' },
114
+ {id: 8 , name: " Susan" , age: 16 , createdAt: ' 2013-10-31' , score: 0.03343 },
123
115
],
124
116
};
125
117
},
0 commit comments