@@ -65,70 +65,43 @@ export default defineComponent({
65
65
< div class = "col-md-6" >
66
66
< h1 > Vue.js jsx (keyed)</ h1 >
67
67
</ div >
68
- < div class = "col-sm-6 smallpad" >
69
- < button
70
- type = "button"
71
- class = "btn btn-primary btn-block"
72
- id = "run"
73
- onClick = { run }
74
- >
75
- Create 1,000 rows
76
- </ button >
77
- </ div >
68
+
78
69
< div class = "col-md-6" >
79
- < div class = "col-sm-6 smallpad" >
80
- < button
81
- type = "button"
82
- class = "btn btn-primary btn-block"
83
- id = "runlots"
84
- onClick = { runLots }
85
- >
86
- Create 10,000 rows
87
- </ button >
88
- </ div >
70
+ < div class = "row" >
71
+ < div class = "col-sm-6 smallpad" >
72
+ < button type = "button" class = "btn btn-primary btn-block" id = "run" onClick = { run } >
73
+ Create 1,000 rows
74
+ </ button >
75
+ </ div >
76
+ < div class = "col-sm-6 smallpad" >
77
+ < button type = "button" class = "btn btn-primary btn-block" id = "runlots" onClick = { runLots } >
78
+ Create 10,000 rows
79
+ </ button >
80
+ </ div >
89
81
90
- < div class = "col-sm-6 smallpad" >
91
- < button
92
- type = "button"
93
- class = "btn btn-primary btn-block"
94
- id = "add"
95
- onClick = { add }
96
- >
97
- Append 1,000 rows
98
- </ button >
99
- </ div >
82
+ < div class = "col-sm-6 smallpad" >
83
+ < button type = "button" class = "btn btn-primary btn-block" id = "add" onClick = { add } >
84
+ Append 1,000 rows
85
+ </ button >
86
+ </ div >
100
87
101
- < div class = "col-sm-6 smallpad" >
102
- < button
103
- type = "button"
104
- class = "btn btn-primary btn-block"
105
- id = "update"
106
- onClick = { update }
107
- >
108
- Update every 10th row
109
- </ button >
110
- </ div >
88
+ < div class = "col-sm-6 smallpad" >
89
+ < button type = "button" class = "btn btn-primary btn-block" id = "update" onClick = { update } >
90
+ Update every 10th row
91
+ </ button >
92
+ </ div >
111
93
112
- < div class = "col-sm-6 smallpad" >
113
- < button
114
- type = "button"
115
- class = "btn btn-primary btn-block"
116
- id = "clear"
117
- onClick = { clear }
118
- >
119
- Clear
120
- </ button >
121
- </ div >
94
+ < div class = "col-sm-6 smallpad" >
95
+ < button type = "button" class = "btn btn-primary btn-block" id = "clear" onClick = { clear } >
96
+ Clear
97
+ </ button >
98
+ </ div >
122
99
123
- < div class = "col-sm-6 smallpad" >
124
- < button
125
- type = "button"
126
- class = "btn btn-primary btn-block"
127
- id = "swaprows"
128
- onClick = { swapRows }
129
- >
130
- Swap Rows
131
- </ button >
100
+ < div class = "col-sm-6 smallpad" >
101
+ < button type = "button" class = "btn btn-primary btn-block" id = "swaprows" onClick = { swapRows } >
102
+ Swap Rows
103
+ </ button >
104
+ </ div >
132
105
</ div >
133
106
</ div >
134
107
</ div >
@@ -137,32 +110,22 @@ export default defineComponent({
137
110
< table class = "table table-hover table-striped test-data" >
138
111
< tbody >
139
112
{ rows . value . map ( ( { id, label } ) => (
140
- < tr
141
- key = { id }
142
- class = { { danger : id === selected } }
143
- data-label = { label }
144
- >
113
+ < tr key = { id } class = { { danger : id === selected } } data-label = { label } >
145
114
< td class = "col-md-1" > { id } </ td >
146
115
< td class = "col-md-4" >
147
116
< a onClick = { ( ) => select ( id ) } > { label } </ a >
148
117
</ td >
149
118
< td class = "col-md-1" >
150
119
< a onClick = { ( ) => remove ( id ) } >
151
- < span
152
- class = "glyphicon glyphicon-remove"
153
- aria-hidden = "true"
154
- > </ span >
120
+ < span class = "glyphicon glyphicon-remove" aria-hidden = "true" > </ span >
155
121
</ a >
156
122
</ td >
157
123
< td class = "col-md-6" > </ td >
158
124
</ tr >
159
125
) ) }
160
126
</ tbody >
161
127
</ table >
162
- < span
163
- class = "preloadicon glyphicon glyphicon-remove"
164
- aria-hidden = "true"
165
- > </ span >
128
+ < span class = "preloadicon glyphicon glyphicon-remove" aria-hidden = "true" > </ span >
166
129
</ div >
167
130
) ;
168
131
} ,
0 commit comments