File tree 1 file changed +59
-0
lines changed
1 file changed +59
-0
lines changed Original file line number Diff line number Diff line change
1
+ import Table from '~widgets/table/widget.vue' ;
2
+ import registerWidget from '~core/registerWidget' ;
3
+
4
+ registerWidget ( 'ui-table' , Table ) ;
5
+
6
+
7
+ export const Component = {
8
+ render : ( args ) => ( {
9
+ setup ( ) {
10
+ return { args } ;
11
+ } ,
12
+ template : `<ui-table v-bind="args">
13
+ <tr>
14
+ <td>John</td>
15
+ <td>Doe</td>
16
+ <td>57</td>
17
+ </tr>
18
+ <tr>
19
+ <td>Mary</td>
20
+ <td>Stephen</td>
21
+ <td>26</td>
22
+ </tr>
23
+ </ui-table>` ,
24
+ } ) ,
25
+
26
+ args : {
27
+ headers : [
28
+ {
29
+ name : 'name' ,
30
+ width : '80px' ,
31
+ text : "Name" ,
32
+ } ,
33
+ {
34
+ name : 'lastname' ,
35
+ width : '80px' ,
36
+ text : "LastName" ,
37
+ } ,
38
+ {
39
+ name : 'age' ,
40
+ width : '40px' ,
41
+ text : "Age" ,
42
+ } ,
43
+ ] ,
44
+ } ,
45
+ } ;
46
+
47
+ export default {
48
+ title : 'Components/Table' ,
49
+ component : Table ,
50
+ parameters : {
51
+ layout : 'centered' ,
52
+ } ,
53
+ argTypes : {
54
+ headers : {
55
+ control : 'object' ,
56
+ } ,
57
+ fixed : 'boolean' ,
58
+ } ,
59
+ } ;
You can’t perform that action at this time.
0 commit comments