@king-design/react 2.0.17-beta.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/__snapshots__/React Demos.md +210 -94
- package/__tests__/components/cascader.spec.tsx +53 -0
- package/components/cascader/index.d.ts +22 -11
- package/components/cascader/index.js +9 -12
- package/components/cascader/index.spec.js +81 -0
- package/components/cascader/index.vdt.js +10 -8
- package/components/cascader/useFields.d.ts +2 -0
- package/components/cascader/useFields.js +18 -0
- package/components/cascader/useFilterable.d.ts +2 -1
- package/components/cascader/useFilterable.js +17 -6
- package/components/cascader/useLabel.d.ts +2 -1
- package/components/cascader/useLabel.js +4 -4
- package/components/cascader/useLoad.d.ts +2 -1
- package/components/cascader/useLoad.js +9 -7
- package/components/colorpicker/index.d.ts +2 -0
- package/components/colorpicker/index.js +7 -2
- package/components/colorpicker/index.vdt.js +3 -6
- package/components/dialog/index.spec.js +2 -2
- package/components/dropdown/dropdown.d.ts +6 -5
- package/components/dropdown/dropdown.js +40 -69
- package/components/dropdown/index.spec.js +96 -17
- package/components/dropdown/item.d.ts +1 -1
- package/components/dropdown/item.js +19 -7
- package/components/dropdown/usePosition.js +11 -2
- package/components/editable/index.d.ts +1 -0
- package/components/editable/index.js +20 -6
- package/components/editable/index.vdt.js +2 -1
- package/components/input/index.d.ts +10 -2
- package/components/input/index.js +10 -3
- package/components/input/index.spec.js +169 -1
- package/components/input/index.vdt.js +26 -7
- package/components/input/styles.js +8 -3
- package/components/input/useAutoRows.d.ts +2 -0
- package/components/input/useAutoRows.js +79 -0
- package/components/input/useAutoWidth.js +13 -3
- package/components/input/useShowPassword.d.ts +7 -0
- package/components/input/useShowPassword.js +31 -0
- package/components/menu/index.spec.js +26 -15
- package/components/menu/item.d.ts +2 -0
- package/components/menu/item.js +5 -0
- package/components/pagination/index.js +2 -1
- package/components/pagination/index.spec.js +51 -4
- package/components/portal.d.ts +6 -2
- package/components/portal.js +4 -3
- package/components/position.js +2 -1
- package/components/select/base.d.ts +2 -1
- package/components/select/base.js +3 -1
- package/components/select/base.vdt.js +3 -1
- package/components/table/cell.js +1 -6
- package/components/table/index.spec.js +130 -19
- package/components/table/row.d.ts +1 -1
- package/components/table/row.js +2 -1
- package/components/table/styles.js +1 -1
- package/components/table/table.d.ts +15 -0
- package/components/table/table.js +16 -7
- package/components/table/table.vdt.js +20 -6
- package/components/table/useChecked.d.ts +3 -2
- package/components/table/useChecked.js +23 -12
- package/components/table/useDisableRow.d.ts +2 -1
- package/components/table/useDisableRow.js +4 -4
- package/components/table/useDraggable.d.ts +3 -2
- package/components/table/useDraggable.js +11 -8
- package/components/table/useGroup.js +3 -0
- package/components/table/useMerge.d.ts +2 -1
- package/components/table/useMerge.js +5 -4
- package/components/table/usePagination.d.ts +8 -0
- package/components/table/usePagination.js +81 -0
- package/components/table/useTree.d.ts +2 -1
- package/components/table/useTree.js +3 -4
- package/components/tooltip/content.d.ts +1 -0
- package/components/tooltip/content.js +18 -1
- package/components/tooltip/content.vdt.js +3 -1
- package/components/tooltip/index.spec.js +117 -10
- package/components/tooltip/styles.d.ts +22 -0
- package/components/tooltip/styles.js +1 -1
- package/components/tooltip/tooltip.d.ts +1 -0
- package/components/tooltip/tooltip.js +11 -0
- package/components/virtual.d.ts +8 -0
- package/components/virtual.js +126 -0
- package/index.d.ts +3 -3
- package/index.js +3 -3
- package/package.json +2 -2
- package/styles/fonts/ionicons.js +1 -1
- package/yarn-error.log +544 -0
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
#### `Cascader filterable`
|
|
172
172
|
|
|
173
173
|
```
|
|
174
|
-
"<div><div class=\"k-select k-cascader css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-
|
|
174
|
+
"<div><div class=\"k-select k-cascader css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
175
175
|
```
|
|
176
176
|
|
|
177
177
|
#### `Cascader loadData`
|
|
@@ -287,61 +287,61 @@
|
|
|
287
287
|
#### `Datepicker basic`
|
|
288
288
|
|
|
289
289
|
```
|
|
290
|
-
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
290
|
+
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled k-datepicker css-1k3uw7s\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"2018-01-01\"><div class=\"k-input k-disabled k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"2018-01-01\" disabled=\"\" value=\"2018-01-01\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
291
291
|
```
|
|
292
292
|
|
|
293
293
|
#### `Datepicker clearable`
|
|
294
294
|
|
|
295
295
|
```
|
|
296
|
-
"<div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
296
|
+
"<div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
297
297
|
```
|
|
298
298
|
|
|
299
299
|
#### `Datepicker datetime`
|
|
300
300
|
|
|
301
301
|
```
|
|
302
|
-
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
302
|
+
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"时间精确到分钟\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
303
303
|
```
|
|
304
304
|
|
|
305
305
|
#### `Datepicker disabledDate`
|
|
306
306
|
|
|
307
307
|
```
|
|
308
|
-
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
308
|
+
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
309
309
|
```
|
|
310
310
|
|
|
311
311
|
#### `Datepicker format`
|
|
312
312
|
|
|
313
313
|
```
|
|
314
|
-
"<div><div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
314
|
+
"<div><div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->value: </div><div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->value: </div><div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->value: </div></div>"
|
|
315
315
|
```
|
|
316
316
|
|
|
317
317
|
#### `Datepicker maxMin`
|
|
318
318
|
|
|
319
319
|
```
|
|
320
|
-
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
320
|
+
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> ~<div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> ~<div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
321
321
|
```
|
|
322
322
|
|
|
323
323
|
#### `Datepicker multiple`
|
|
324
324
|
|
|
325
325
|
```
|
|
326
|
-
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
326
|
+
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" style=\"width: px;\"><div class=\"k-input-fake\">请选择日期</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" style=\"width: px;\"><div class=\"k-input-fake\">请选择日期和时间</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" style=\"width: px;\"><div class=\"k-input-fake\">请选择年份</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" style=\"width: px;\"><div class=\"k-input-fake\">请选择月份</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\">开始日期 ~ 结束日期</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\">开始时间 ~ 结束时间</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []<br><br></div>"
|
|
327
327
|
```
|
|
328
328
|
|
|
329
329
|
#### `Datepicker range`
|
|
330
330
|
|
|
331
331
|
```
|
|
332
|
-
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
332
|
+
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->You selected: null<br><br></div>"
|
|
333
333
|
```
|
|
334
334
|
|
|
335
335
|
#### `Datepicker shortcuts`
|
|
336
336
|
|
|
337
337
|
```
|
|
338
|
-
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
338
|
+
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
339
339
|
```
|
|
340
340
|
|
|
341
341
|
#### `Datepicker yearMonth`
|
|
342
342
|
|
|
343
343
|
```
|
|
344
|
-
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
344
|
+
"<div><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
345
345
|
```
|
|
346
346
|
|
|
347
347
|
## `diagram`
|
|
@@ -487,7 +487,7 @@
|
|
|
487
487
|
#### `Dropdown trigger`
|
|
488
488
|
|
|
489
489
|
```
|
|
490
|
-
"<div><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\">hover <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\">click <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--><div class=\"k-input css-
|
|
490
|
+
"<div><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\">hover <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\">click <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
491
491
|
```
|
|
492
492
|
|
|
493
493
|
## `editable`
|
|
@@ -509,37 +509,37 @@
|
|
|
509
509
|
#### `Form basic`
|
|
510
510
|
|
|
511
511
|
```
|
|
512
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
512
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-resize-vertical css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"2\"></textarea></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\" style=\"margin-left: 20px;\">重置</button></div></div></form>"
|
|
513
513
|
```
|
|
514
514
|
|
|
515
515
|
#### `Form custom`
|
|
516
516
|
|
|
517
517
|
```
|
|
518
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-19k8qnx\"><div class=\"k-form-content\"><div class=\"k-input css-
|
|
518
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-19k8qnx\"><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-19k8qnx\"><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
|
|
519
519
|
```
|
|
520
520
|
|
|
521
521
|
#### `Form label`
|
|
522
522
|
|
|
523
523
|
```
|
|
524
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
524
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\"><i class=\"ion-person\"></i><!-- react-mount-point-unstable --> 姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
|
|
525
525
|
```
|
|
526
526
|
|
|
527
527
|
#### `Form layout`
|
|
528
528
|
|
|
529
529
|
```
|
|
530
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
530
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
|
|
531
531
|
```
|
|
532
532
|
|
|
533
533
|
#### `Form remote`
|
|
534
534
|
|
|
535
535
|
```
|
|
536
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
536
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
|
|
537
537
|
```
|
|
538
538
|
|
|
539
539
|
#### `Form variable`
|
|
540
540
|
|
|
541
541
|
```
|
|
542
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">姓名</label><div class=\"k-form-content\"><div class=\"k-row css-1d2b9xj\" style=\"margin-left: -8px; margin-right: -8px;\"><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-19k8qnx\"><div class=\"k-form-content\"><div class=\"k-input css-
|
|
542
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">姓名</label><div class=\"k-form-content\"><div class=\"k-row css-1d2b9xj\" style=\"margin-left: -8px; margin-right: -8px;\"><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-19k8qnx\"><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-19k8qnx\"><div class=\"k-form-content\"><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div></div></div></div></form>"
|
|
543
543
|
```
|
|
544
544
|
|
|
545
545
|
## `grid`
|
|
@@ -612,60 +612,84 @@
|
|
|
612
612
|
"<div class=\"icons\"><div class=\"icon\"><i class=\"k-icon k-icon-alert k-large css-x0ey6t\"></i><div>k-icon-alert</div></div><div class=\"icon\"><i class=\"k-icon k-icon-alarm k-large css-x0ey6t\"></i><div>k-icon-alarm</div></div><div class=\"icon\"><i class=\"k-icon k-icon-calendar k-large css-x0ey6t\"></i><div>k-icon-calendar</div></div><div class=\"icon\"><i class=\"k-icon k-icon-application k-large css-x0ey6t\"></i><div>k-icon-application</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-right k-large css-x0ey6t\"></i><div>k-icon-arrow-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-up k-large css-x0ey6t\"></i><div>k-icon-arrow-up</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-left k-large css-x0ey6t\"></i><div>k-icon-arrow-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-down k-large css-x0ey6t\"></i><div>k-icon-arrow-down</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-expand k-large css-x0ey6t\"></i><div>k-icon-arrow-expand</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-left-circled k-large css-x0ey6t\"></i><div>k-icon-arrow-left-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-right-circled k-large css-x0ey6t\"></i><div>k-icon-arrow-right-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-close k-large css-x0ey6t\"></i><div>k-icon-close</div></div><div class=\"icon\"><i class=\"k-icon k-icon-bill k-large css-x0ey6t\"></i><div>k-icon-bill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-change k-large css-x0ey6t\"></i><div>k-icon-change</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-download k-large css-x0ey6t\"></i><div>k-icon-cloud-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-content-squared k-large css-x0ey6t\"></i><div>k-icon-content-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud k-large css-x0ey6t\"></i><div>k-icon-cloud</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-move k-large css-x0ey6t\"></i><div>k-icon-arrow-move</div></div><div class=\"icon\"><i class=\"k-icon k-icon-code-download k-large css-x0ey6t\"></i><div>k-icon-code-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-server k-large css-x0ey6t\"></i><div>k-icon-cloud-server</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-shrink k-large css-x0ey6t\"></i><div>k-icon-arrow-shrink</div></div><div class=\"icon\"><i class=\"k-icon k-icon-clone k-large css-x0ey6t\"></i><div>k-icon-clone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-servers k-large css-x0ey6t\"></i><div>k-icon-cloud-servers</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cart k-large css-x0ey6t\"></i><div>k-icon-cart</div></div><div class=\"icon\"><i class=\"k-icon k-icon-delete k-large css-x0ey6t\"></i><div>k-icon-delete</div></div><div class=\"icon\"><i class=\"k-icon k-icon-fault-outline k-large css-x0ey6t\"></i><div>k-icon-fault-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-calculate k-large css-x0ey6t\"></i><div>k-icon-calculate</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-swap k-large css-x0ey6t\"></i><div>k-icon-arrow-swap</div></div><div class=\"icon\"><i class=\"k-icon k-icon-download k-large css-x0ey6t\"></i><div>k-icon-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-information k-large css-x0ey6t\"></i><div>k-icon-information</div></div><div class=\"icon\"><i class=\"k-icon k-icon-internet k-large css-x0ey6t\"></i><div>k-icon-internet</div></div><div class=\"icon\"><i class=\"k-icon k-icon-edit k-large css-x0ey6t\"></i><div>k-icon-edit</div></div><div class=\"icon\"><i class=\"k-icon k-icon-search k-large css-x0ey6t\"></i><div>k-icon-search</div></div><div class=\"icon\"><i class=\"k-icon k-icon-code-working k-large css-x0ey6t\"></i><div>k-icon-code-working</div></div><div class=\"icon\"><i class=\"k-icon k-icon-heart k-large css-x0ey6t\"></i><div>k-icon-heart</div></div><div class=\"icon\"><i class=\"k-icon k-icon-content k-large css-x0ey6t\"></i><div>k-icon-content</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cut k-large css-x0ey6t\"></i><div>k-icon-cut</div></div><div class=\"icon\"><i class=\"k-icon k-icon-money-square k-large css-x0ey6t\"></i><div>k-icon-money-square</div></div><div class=\"icon\"><i class=\"k-icon k-icon-logout k-large css-x0ey6t\"></i><div>k-icon-logout</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-upload k-large css-x0ey6t\"></i><div>k-icon-cloud-upload</div></div><div class=\"icon\"><i class=\"k-icon k-icon-lock k-large css-x0ey6t\"></i><div>k-icon-lock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-corporate k-large css-x0ey6t\"></i><div>k-icon-corporate</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth-none k-large css-x0ey6t\"></i><div>k-icon-truth-none</div></div><div class=\"icon\"><i class=\"k-icon k-icon-resize k-large css-x0ey6t\"></i><div>k-icon-resize</div></div><div class=\"icon\"><i class=\"k-icon k-icon-protect k-large css-x0ey6t\"></i><div>k-icon-protect</div></div><div class=\"icon\"><i class=\"k-icon k-icon-time k-large css-x0ey6t\"></i><div>k-icon-time</div></div><div class=\"icon\"><i class=\"k-icon k-icon-date k-large css-x0ey6t\"></i><div>k-icon-date</div></div><div class=\"icon\"><i class=\"k-icon k-icon-document-change k-large css-x0ey6t\"></i><div>k-icon-document-change</div></div><div class=\"icon\"><i class=\"k-icon k-icon-scanner k-large css-x0ey6t\"></i><div>k-icon-scanner</div></div><div class=\"icon\"><i class=\"k-icon k-icon-notification k-large css-x0ey6t\"></i><div>k-icon-notification</div></div><div class=\"icon\"><i class=\"k-icon k-icon-notification-outline k-large css-x0ey6t\"></i><div>k-icon-notification-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-silent k-large css-x0ey6t\"></i><div>k-icon-silent</div></div><div class=\"icon\"><i class=\"k-icon k-icon-heart-outline k-large css-x0ey6t\"></i><div>k-icon-heart-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-share k-large css-x0ey6t\"></i><div>k-icon-share</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pay k-large css-x0ey6t\"></i><div>k-icon-pay</div></div><div class=\"icon\"><i class=\"k-icon k-icon-picture k-large css-x0ey6t\"></i><div>k-icon-picture</div></div><div class=\"icon\"><i class=\"k-icon k-icon-desktop k-large css-x0ey6t\"></i><div>k-icon-desktop</div></div><div class=\"icon\"><i class=\"k-icon k-icon-earphone k-large css-x0ey6t\"></i><div>k-icon-earphone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cube k-large css-x0ey6t\"></i><div>k-icon-cube</div></div><div class=\"icon\"><i class=\"k-icon k-icon-user-verify k-large css-x0ey6t\"></i><div>k-icon-user-verify</div></div><div class=\"icon\"><i class=\"k-icon k-icon-fault k-large css-x0ey6t\"></i><div>k-icon-fault</div></div><div class=\"icon\"><i class=\"k-icon k-icon-location k-large css-x0ey6t\"></i><div>k-icon-location</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down-squared k-large css-x0ey6t\"></i><div>k-icon-down-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pay-dollar k-large css-x0ey6t\"></i><div>k-icon-pay-dollar</div></div><div class=\"icon\"><i class=\"k-icon k-icon-paperclip k-large css-x0ey6t\"></i><div>k-icon-paperclip</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings k-large css-x0ey6t\"></i><div>k-icon-settings</div></div><div class=\"icon\"><i class=\"k-icon k-icon-home k-large css-x0ey6t\"></i><div>k-icon-home</div></div><div class=\"icon\"><i class=\"k-icon k-icon-more k-large css-x0ey6t\"></i><div>k-icon-more</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phonecall k-large css-x0ey6t\"></i><div>k-icon-phonecall</div></div><div class=\"icon\"><i class=\"k-icon k-icon-tag k-large css-x0ey6t\"></i><div>k-icon-tag</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth-circled k-large css-x0ey6t\"></i><div>k-icon-truth-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-refresh k-large css-x0ey6t\"></i><div>k-icon-refresh</div></div><div class=\"icon\"><i class=\"k-icon k-icon-watch k-large css-x0ey6t\"></i><div>k-icon-watch</div></div><div class=\"icon\"><i class=\"k-icon k-icon-images k-large css-x0ey6t\"></i><div>k-icon-images</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sort k-large css-x0ey6t\"></i><div>k-icon-sort</div></div><div class=\"icon\"><i class=\"k-icon k-icon-money-circled k-large css-x0ey6t\"></i><div>k-icon-money-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-trade k-large css-x0ey6t\"></i><div>k-icon-trade</div></div><div class=\"icon\"><i class=\"k-icon k-icon-star-outline k-large css-x0ey6t\"></i><div>k-icon-star-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-minus-circled k-large css-x0ey6t\"></i><div>k-icon-minus-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-right k-large css-x0ey6t\"></i><div>k-icon-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-left k-large css-x0ey6t\"></i><div>k-icon-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up k-large css-x0ey6t\"></i><div>k-icon-up</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down k-large css-x0ey6t\"></i><div>k-icon-down</div></div><div class=\"icon\"><i class=\"k-icon k-icon-upward k-large css-x0ey6t\"></i><div>k-icon-upward</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-circled k-large css-x0ey6t\"></i><div>k-icon-up-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pin k-large css-x0ey6t\"></i><div>k-icon-pin</div></div><div class=\"icon\"><i class=\"k-icon k-icon-hide k-large css-x0ey6t\"></i><div>k-icon-hide</div></div><div class=\"icon\"><i class=\"k-icon k-icon-users k-large css-x0ey6t\"></i><div>k-icon-users</div></div><div class=\"icon\"><i class=\"k-icon k-icon-user k-large css-x0ey6t\"></i><div>k-icon-user</div></div><div class=\"icon\"><i class=\"k-icon k-icon-return-right k-large css-x0ey6t\"></i><div>k-icon-return-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-message k-large css-x0ey6t\"></i><div>k-icon-message</div></div><div class=\"icon\"><i class=\"k-icon k-icon-paper k-large css-x0ey6t\"></i><div>k-icon-paper</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phonecall-prohibit k-large css-x0ey6t\"></i><div>k-icon-phonecall-prohibit</div></div><div class=\"icon\"><i class=\"k-icon k-icon-speedometer k-large css-x0ey6t\"></i><div>k-icon-speedometer</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings-horizontal k-large css-x0ey6t\"></i><div>k-icon-settings-horizontal</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phone k-large css-x0ey6t\"></i><div>k-icon-phone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-star k-large css-x0ey6t\"></i><div>k-icon-star</div></div><div class=\"icon\"><i class=\"k-icon k-icon-play k-large css-x0ey6t\"></i><div>k-icon-play</div></div><div class=\"icon\"><i class=\"k-icon k-icon-refresh-lock k-large css-x0ey6t\"></i><div>k-icon-refresh-lock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-shield k-large css-x0ey6t\"></i><div>k-icon-shield</div></div><div class=\"icon\"><i class=\"k-icon k-icon-panel k-large css-x0ey6t\"></i><div>k-icon-panel</div></div><div class=\"icon\"><i class=\"k-icon k-icon-structure k-large css-x0ey6t\"></i><div>k-icon-structure</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings-vertical k-large css-x0ey6t\"></i><div>k-icon-settings-vertical</div></div><div class=\"icon\"><i class=\"k-icon k-icon-printer k-large css-x0ey6t\"></i><div>k-icon-printer</div></div><div class=\"icon\"><i class=\"k-icon k-icon-stop k-large css-x0ey6t\"></i><div>k-icon-stop</div></div><div class=\"icon\"><i class=\"k-icon k-icon-return-left k-large css-x0ey6t\"></i><div>k-icon-return-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-question k-large css-x0ey6t\"></i><div>k-icon-question</div></div><div class=\"icon\"><i class=\"k-icon k-icon-unlock k-large css-x0ey6t\"></i><div>k-icon-unlock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sound-off k-large css-x0ey6t\"></i><div>k-icon-sound-off</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-squared k-large css-x0ey6t\"></i><div>k-icon-up-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sound-on k-large css-x0ey6t\"></i><div>k-icon-sound-on</div></div><div class=\"icon\"><i class=\"k-icon k-icon-upload k-large css-x0ey6t\"></i><div>k-icon-upload</div></div><div class=\"icon\"><i class=\"k-icon k-icon-tool k-large css-x0ey6t\"></i><div>k-icon-tool</div></div><div class=\"icon\"><i class=\"k-icon k-icon-visible k-large css-x0ey6t\"></i><div>k-icon-visible</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth k-large css-x0ey6t\"></i><div>k-icon-truth</div></div></div>"
|
|
613
613
|
```
|
|
614
614
|
|
|
615
|
+
#### `Icon disabled`
|
|
616
|
+
|
|
617
|
+
```
|
|
618
|
+
"<div><i class=\"k-icon ion-happy-outline css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-primary css-x0ey6t\"></i></div>"
|
|
619
|
+
```
|
|
620
|
+
|
|
615
621
|
## `input`
|
|
616
622
|
|
|
623
|
+
#### `Input autoRows`
|
|
624
|
+
|
|
625
|
+
```
|
|
626
|
+
"<div><div class=\"k-input k-fluid k-resize-none css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 32px;\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-resize-none css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 68px;\"></textarea></div></div></div>"
|
|
627
|
+
```
|
|
628
|
+
|
|
617
629
|
#### `Input autowidth`
|
|
618
630
|
|
|
619
631
|
```
|
|
620
|
-
"<div class=\"k-input k-auto-width css-
|
|
632
|
+
"<div class=\"k-input k-auto-width css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" style=\"width: px;\"><div class=\"k-input-fake\">auto width</div></div></div>"
|
|
621
633
|
```
|
|
622
634
|
|
|
623
635
|
#### `Input basic`
|
|
624
636
|
|
|
625
637
|
```
|
|
626
|
-
"<div><div class=\"k-input css-
|
|
638
|
+
"<div><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div></div> <br><div class=\"k-input k-disabled css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"disabled\" disabled=\"\"></div></div></div>"
|
|
627
639
|
```
|
|
628
640
|
|
|
629
641
|
#### `Input blocks`
|
|
630
642
|
|
|
631
643
|
```
|
|
632
|
-
"<div><div class=\"k-input k-group css-
|
|
644
|
+
"<div><div class=\"k-input k-group css-1j9tfcu\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><div class=\"k-input k-group css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-x0ey6t\"></i></button></div></div><div class=\"k-input k-group css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-x0ey6t\"></i></button></div></div><div class=\"k-input k-group css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">搜索</button></div></div><div class=\"k-input k-with-prefix k-with-suffix css-1j9tfcu\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-x0ey6t\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable ion-ios-search css-x0ey6t\"></i></div></div></div><div class=\"k-input k-group k-with-prefix k-with-suffix css-1j9tfcu\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-x0ey6t\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable ion-ios-search css-x0ey6t\"></i></div></div><div class=\"k-input-append k-input-padding\">.com</div></div></div>"
|
|
633
645
|
```
|
|
634
646
|
|
|
635
647
|
#### `Input clearable`
|
|
636
648
|
|
|
637
649
|
```
|
|
638
|
-
"<div><div class=\"k-input k-clearable css-
|
|
650
|
+
"<div><div class=\"k-input k-clearable css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><br><div class=\"k-input k-disabled k-clearable css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"disabled\"></div></div><br><div class=\"k-input k-with-suffix k-clearable css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> <i class=\"k-icon k-hoverable ion-ios-search css-x0ey6t\"></i></div></div></div><br><div class=\"k-input k-with-suffix k-clearable k-stack-clear css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> <i class=\"k-icon k-hoverable ion-ios-search css-x0ey6t\"></i></div></div></div></div>"
|
|
639
651
|
```
|
|
640
652
|
|
|
641
653
|
#### `Input frozen`
|
|
642
654
|
|
|
643
655
|
```
|
|
644
|
-
"<div><div class=\"k-input css-
|
|
656
|
+
"<div><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div><br><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div></div>"
|
|
645
657
|
```
|
|
646
658
|
|
|
647
659
|
#### `Input inline`
|
|
648
660
|
|
|
649
661
|
```
|
|
650
|
-
"<div class=\"k-input k-inline css-
|
|
662
|
+
"<div class=\"k-input k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"内联文字\"></div></div>"
|
|
663
|
+
```
|
|
664
|
+
|
|
665
|
+
#### `Input password`
|
|
666
|
+
|
|
667
|
+
```
|
|
668
|
+
"<div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"password\" type=\"password\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-show-password ion-eye-disabled css-x0ey6t\"></i> </div></div></div>"
|
|
651
669
|
```
|
|
652
670
|
|
|
653
671
|
#### `Input search`
|
|
654
672
|
|
|
655
673
|
```
|
|
656
|
-
"<div><form class=\"k-search k-hide css-7l8btv\"><div class=\"k-input k-with-suffix k-clearable css-
|
|
674
|
+
"<div><form class=\"k-search k-hide css-7l8btv\"><div class=\"k-input k-with-suffix k-clearable css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-x0ey6t\"></i></button></form><br><form class=\"k-search k-hide k-line css-7l8btv\"><div class=\"k-input k-with-suffix k-clearable css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-x0ey6t\"></i></button></form></div>"
|
|
657
675
|
```
|
|
658
676
|
|
|
659
677
|
#### `Input size`
|
|
660
678
|
|
|
661
679
|
```
|
|
662
|
-
"<div><div class=\"k-input k-large css-
|
|
680
|
+
"<div><div class=\"k-input k-large css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"large\"></div></div><br><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"default\"></div></div><br><div class=\"k-input k-small css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"small\"></div></div><div class=\"k-input k-small k-group css-1j9tfcu\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><div class=\"k-input k-small k-group k-with-prefix css-1j9tfcu\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i><!-- react-mount-point-unstable --></div><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"ion-ios-search\"></i><!-- react-mount-point-unstable --></button></div></div><div class=\"k-input k-small k-group k-clearable css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-small css-12uxt25\" tabindex=\"0\" type=\"button\">Search</button></div></div><div class=\"k-input k-mini css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"mini\"></div></div></div>"
|
|
663
681
|
```
|
|
664
682
|
|
|
665
683
|
#### `Input textarea`
|
|
666
684
|
|
|
667
685
|
```
|
|
668
|
-
"<div><div class=\"k-input css-
|
|
686
|
+
"<div><div class=\"k-input k-fluid k-resize-vertical css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"2\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-resize-vertical css-1j9tfcu\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"5\"></textarea></div></div></div>"
|
|
687
|
+
```
|
|
688
|
+
|
|
689
|
+
#### `Input flat`
|
|
690
|
+
|
|
691
|
+
```
|
|
692
|
+
"<div><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" flat=\"true\" placeholder=\"Please enter\"></div></div><br><br><div class=\"k-input k-disabled css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" flat=\"true\" placeholder=\"Please enter\" disabled=\"\" value=\"disabled\"></div></div></div>"
|
|
669
693
|
```
|
|
670
694
|
|
|
671
695
|
## `layout`
|
|
@@ -717,7 +741,7 @@
|
|
|
717
741
|
#### `Menu collapse`
|
|
718
742
|
|
|
719
743
|
```
|
|
720
|
-
"<div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i
|
|
744
|
+
"<div><div class=\"k-switch k-checked k-default css-1r7l1sz\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><!--portal--></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i></div></div><!--portal--></div></div></div>"
|
|
721
745
|
```
|
|
722
746
|
|
|
723
747
|
#### `Menu dot`
|
|
@@ -787,13 +811,13 @@
|
|
|
787
811
|
#### `Pagination disable`
|
|
788
812
|
|
|
789
813
|
```
|
|
790
|
-
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-
|
|
814
|
+
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"10\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
791
815
|
```
|
|
792
816
|
|
|
793
817
|
#### `Pagination goto`
|
|
794
818
|
|
|
795
819
|
```
|
|
796
|
-
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-
|
|
820
|
+
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
797
821
|
```
|
|
798
822
|
|
|
799
823
|
#### `Pagination noBoard`
|
|
@@ -805,7 +829,7 @@
|
|
|
805
829
|
#### `Pagination simple`
|
|
806
830
|
|
|
807
831
|
```
|
|
808
|
-
"<div><div class=\"k-pagination k-large k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-
|
|
832
|
+
"<div><div class=\"k-pagination k-large k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
|
|
809
833
|
```
|
|
810
834
|
|
|
811
835
|
#### `Pagination size`
|
|
@@ -814,6 +838,12 @@
|
|
|
814
838
|
"<div><div class=\"k-pagination k-large css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-small css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-mini css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
815
839
|
```
|
|
816
840
|
|
|
841
|
+
#### `Pagination flat`
|
|
842
|
+
|
|
843
|
+
```
|
|
844
|
+
"<div><div class=\"k-pagination k-large css-1gk7kr9\" flat=\"true\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input k-large css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\" flat=\"true\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-small css-1gk7kr9\" flat=\"true\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input k-small css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-mini css-1gk7kr9\" flat=\"true\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input k-mini css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
845
|
+
```
|
|
846
|
+
|
|
817
847
|
## `progress`
|
|
818
848
|
|
|
819
849
|
#### `Progress basic`
|
|
@@ -862,6 +892,12 @@
|
|
|
862
892
|
"<div><div class=\"k-progress k-bar k-active css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar k-warning css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span>50%</span></div></div><div class=\"k-progress k-bar k-error css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span><i class=\"k-icon k-progress-icon k-icon-fault css-x0ey6t\"></i></span></div></div><div class=\"k-progress k-bar k-success css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"></div></div></div><div class=\"k-progress-text\"><span><i class=\"k-icon k-progress-icon k-icon-truth css-x0ey6t\"></i></span></div></div></div>"
|
|
863
893
|
```
|
|
864
894
|
|
|
895
|
+
#### `Progress circleSize`
|
|
896
|
+
|
|
897
|
+
```
|
|
898
|
+
"<div>状态：<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">active<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">success<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">error<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">normal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">warning<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div>进度：<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">+</button></div><br> <br><div class=\"k-progress k-circle k-active css-e22hlt\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"58\" stroke-dashoffset=\"218.65484868984962\" stroke-dasharray=\"364.424747816416\" stroke-width=\"4\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\" stroke-dasharray=\"364.424747816416\" stroke-dashoffset=\"364.424747816416\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"364.424747816416\" to=\"218.65484868984962\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-small css-e22hlt\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"58\" stroke-dashoffset=\"218.65484868984962\" stroke-dasharray=\"364.424747816416\" stroke-width=\"4\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\" stroke-dasharray=\"364.424747816416\" stroke-dashoffset=\"364.424747816416\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"364.424747816416\" to=\"218.65484868984962\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div><div class=\"k-progress k-circle k-active k-mini css-e22hlt\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"58\" stroke-dashoffset=\"218.65484868984962\" stroke-dasharray=\"364.424747816416\" stroke-width=\"4\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\" stroke-dasharray=\"364.424747816416\" stroke-dashoffset=\"364.424747816416\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"364.424747816416\" to=\"218.65484868984962\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>40%</span></div></div></div>"
|
|
899
|
+
```
|
|
900
|
+
|
|
865
901
|
## `radio`
|
|
866
902
|
|
|
867
903
|
#### `Radio basic`
|
|
@@ -976,13 +1012,13 @@
|
|
|
976
1012
|
#### `Select creatable`
|
|
977
1013
|
|
|
978
1014
|
```
|
|
979
|
-
"<div><div class=\"k-select css-1k3uw7s\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1015
|
+
"<div><div class=\"k-select css-1k3uw7s\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->Day: <br><br><div class=\"k-select css-1k3uw7s\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" style=\"width: px;\"><div class=\"k-input-fake\">请输入或选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->Days: []</div>"
|
|
980
1016
|
```
|
|
981
1017
|
|
|
982
1018
|
#### `Select custom`
|
|
983
1019
|
|
|
984
1020
|
```
|
|
985
|
-
"<div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1021
|
+
"<div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
986
1022
|
```
|
|
987
1023
|
|
|
988
1024
|
#### `Select customMenu`
|
|
@@ -1000,7 +1036,7 @@
|
|
|
1000
1036
|
#### `Select filterable`
|
|
1001
1037
|
|
|
1002
1038
|
```
|
|
1003
|
-
"<div><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1039
|
+
"<div><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> <div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\">请选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
1004
1040
|
```
|
|
1005
1041
|
|
|
1006
1042
|
#### `Select format`
|
|
@@ -1012,7 +1048,7 @@
|
|
|
1012
1048
|
#### `Select group`
|
|
1013
1049
|
|
|
1014
1050
|
```
|
|
1015
|
-
"<div><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1051
|
+
"<div><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
1016
1052
|
```
|
|
1017
1053
|
|
|
1018
1054
|
#### `Select multiple`
|
|
@@ -1030,7 +1066,7 @@
|
|
|
1030
1066
|
#### `Select remote`
|
|
1031
1067
|
|
|
1032
1068
|
```
|
|
1033
|
-
"<div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1069
|
+
"<div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\">请选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
1034
1070
|
```
|
|
1035
1071
|
|
|
1036
1072
|
#### `Select searchable`
|
|
@@ -1045,6 +1081,30 @@
|
|
|
1045
1081
|
"<div><div class=\"k-select k-large css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
1046
1082
|
```
|
|
1047
1083
|
|
|
1084
|
+
#### `Select draggable`
|
|
1085
|
+
|
|
1086
|
+
```
|
|
1087
|
+
"<div><div class=\"k-select css-1k3uw7s\" draggable=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期三</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期四</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"]<br><br><div class=\"k-select css-1k3uw7s\" draggable=\"true\" nowrap=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期三</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期四</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"]</div>"
|
|
1088
|
+
```
|
|
1089
|
+
|
|
1090
|
+
#### `Select flat`
|
|
1091
|
+
|
|
1092
|
+
```
|
|
1093
|
+
"<div><div class=\"k-select css-1k3uw7s\" flat=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select css-1k3uw7s\" flat=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-disabled css-1k3uw7s\" flat=\"true\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
1094
|
+
```
|
|
1095
|
+
|
|
1096
|
+
#### `Select inline`
|
|
1097
|
+
|
|
1098
|
+
```
|
|
1099
|
+
"<div class=\"k-select k-inline css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
1100
|
+
```
|
|
1101
|
+
|
|
1102
|
+
#### `Select nowrap`
|
|
1103
|
+
|
|
1104
|
+
```
|
|
1105
|
+
"<div><div class=\"k-select css-1k3uw7s\" nowrap=\"true\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期三</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期四</span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
1106
|
+
```
|
|
1107
|
+
|
|
1048
1108
|
## `skeleton`
|
|
1049
1109
|
|
|
1050
1110
|
#### `Skeleton animate`
|
|
@@ -1082,49 +1142,49 @@
|
|
|
1082
1142
|
#### `Slider basic`
|
|
1083
1143
|
|
|
1084
1144
|
```
|
|
1085
|
-
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1145
|
+
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"60MB\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
|
|
1086
1146
|
```
|
|
1087
1147
|
|
|
1088
1148
|
#### `Slider disabled`
|
|
1089
1149
|
|
|
1090
1150
|
```
|
|
1091
|
-
"<div><div class=\"k-slider k-disabled css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-disabled k-spinner-input css-
|
|
1151
|
+
"<div><div class=\"k-slider k-disabled css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"50\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%; left: 10%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 10%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">55<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">80<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>100</span></div></div></div></div>"
|
|
1092
1152
|
```
|
|
1093
1153
|
|
|
1094
1154
|
#### `Slider dynamicStep`
|
|
1095
1155
|
|
|
1096
1156
|
```
|
|
1097
|
-
"<div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1157
|
+
"<div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div>"
|
|
1098
1158
|
```
|
|
1099
1159
|
|
|
1100
1160
|
#### `Slider marks`
|
|
1101
1161
|
|
|
1102
1162
|
```
|
|
1103
|
-
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45.4545%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 36.3636%; left: 9.09091%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 9.09091%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">2<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span class=\"k-active\" style=\"left: 9.09091%;\">2月</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div></div>"
|
|
1163
|
+
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45.4545%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 36.3636%; left: 9.09091%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 9.09091%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">2<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span class=\"k-active\" style=\"left: 9.09091%;\">2月</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div></div>"
|
|
1104
1164
|
```
|
|
1105
1165
|
|
|
1106
1166
|
#### `Slider points`
|
|
1107
1167
|
|
|
1108
1168
|
```
|
|
1109
|
-
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 0%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i><i class=\"k-slider-point\" style=\"left: 100%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div>"
|
|
1169
|
+
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 0%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i><i class=\"k-slider-point\" style=\"left: 100%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div>"
|
|
1110
1170
|
```
|
|
1111
1171
|
|
|
1112
1172
|
#### `Slider range`
|
|
1113
1173
|
|
|
1114
1174
|
```
|
|
1115
|
-
"<div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div>"
|
|
1175
|
+
"<div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div>"
|
|
1116
1176
|
```
|
|
1117
1177
|
|
|
1118
1178
|
#### `Slider step`
|
|
1119
1179
|
|
|
1120
1180
|
```
|
|
1121
|
-
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1181
|
+
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 23.4234%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 23.4234%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0.234234<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.234234\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div></div>"
|
|
1122
1182
|
```
|
|
1123
1183
|
|
|
1124
1184
|
#### `Slider tooltip`
|
|
1125
1185
|
|
|
1126
1186
|
```
|
|
1127
|
-
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1187
|
+
"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 8.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div></div>"
|
|
1128
1188
|
```
|
|
1129
1189
|
|
|
1130
1190
|
## `spin`
|
|
@@ -1138,7 +1198,7 @@
|
|
|
1138
1198
|
#### `Spin overlay`
|
|
1139
1199
|
|
|
1140
1200
|
```
|
|
1141
|
-
"<div class=\"wrapper\"><div class=\"k-table css-
|
|
1201
|
+
"<div class=\"wrapper\"><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr></tbody></table></div></div><div class=\"k-spin k-overlay css-1txbye7\"><div class=\"k-spin-wrapper\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div></div></div>"
|
|
1142
1202
|
```
|
|
1143
1203
|
|
|
1144
1204
|
## `spinner`
|
|
@@ -1146,49 +1206,49 @@
|
|
|
1146
1206
|
#### `Spinner basic`
|
|
1147
1207
|
|
|
1148
1208
|
```
|
|
1149
|
-
"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1209
|
+
"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner k-disabled css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
|
|
1150
1210
|
```
|
|
1151
1211
|
|
|
1152
1212
|
#### `Spinner dynamicStep`
|
|
1153
1213
|
|
|
1154
1214
|
```
|
|
1155
|
-
"<div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1215
|
+
"<div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div>"
|
|
1156
1216
|
```
|
|
1157
1217
|
|
|
1158
1218
|
#### `Spinner forceStep`
|
|
1159
1219
|
|
|
1160
1220
|
```
|
|
1161
|
-
"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1221
|
+
"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
|
|
1162
1222
|
```
|
|
1163
1223
|
|
|
1164
1224
|
#### `Spinner formatter`
|
|
1165
1225
|
|
|
1166
1226
|
```
|
|
1167
|
-
"<div><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1227
|
+
"<div><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"￥1,000\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"增长率 78%\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div>"
|
|
1168
1228
|
```
|
|
1169
1229
|
|
|
1170
1230
|
#### `Spinner precision`
|
|
1171
1231
|
|
|
1172
1232
|
```
|
|
1173
|
-
"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1233
|
+
"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
|
|
1174
1234
|
```
|
|
1175
1235
|
|
|
1176
1236
|
#### `Spinner size`
|
|
1177
1237
|
|
|
1178
1238
|
```
|
|
1179
|
-
"<div><div class=\"k-spinner k-large css-4xu2td\"><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-large k-spinner-input css-
|
|
1239
|
+
"<div><div class=\"k-spinner k-large css-4xu2td\"><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-large k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner k-small css-4xu2td\"><button class=\"k-btn k-small k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-small k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner k-mini css-4xu2td\"><button class=\"k-btn k-mini k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-mini k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
|
|
1180
1240
|
```
|
|
1181
1241
|
|
|
1182
1242
|
#### `Spinner step`
|
|
1183
1243
|
|
|
1184
1244
|
```
|
|
1185
|
-
"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1245
|
+
"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
|
|
1186
1246
|
```
|
|
1187
1247
|
|
|
1188
1248
|
#### `Spinner vertical`
|
|
1189
1249
|
|
|
1190
1250
|
```
|
|
1191
|
-
"<div><div class=\"k-spinner k-large k-vertical css-4xu2td\"><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-large k-spinner-input css-
|
|
1251
|
+
"<div><div class=\"k-spinner k-large k-vertical css-4xu2td\"><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-large k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div><div class=\"k-spinner k-small k-vertical css-4xu2td\"><button class=\"k-btn k-small k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-small k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div><div class=\"k-spinner k-mini k-vertical css-4xu2td\"><button class=\"k-btn k-mini k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-mini k-spinner-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div>"
|
|
1192
1252
|
```
|
|
1193
1253
|
|
|
1194
1254
|
## `split`
|
|
@@ -1202,7 +1262,7 @@
|
|
|
1202
1262
|
#### `Split complex`
|
|
1203
1263
|
|
|
1204
1264
|
```
|
|
1205
|
-
"<div class=\"split-container\"><div class=\"k-split k-vertical css-2thjvx k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-
|
|
1265
|
+
"<div class=\"split-container\"><div class=\"k-split k-vertical css-2thjvx k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"网段\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">网段</div></div></th><th title=\"操作\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">操作</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 0\">name 0</td><td title=\"127.0.0.0\">127.0.0.0</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"5\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"6\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"7\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"8\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"9\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"10\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div></div><div class=\"k-split-line-wrapper\"><i class=\"k-icon ion-drag css-x0ey6t\"></i></div><div class=\"k-split-last\" style=\"height: 0px;\"><button class=\"k-btn k-none k-btn-icon close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-close-empty css-x0ey6t\" style=\"font-size: 40px;\"></i></button><div class=\"k-tabs k-default css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">详情</div><div class=\"k-tab\">流量统计</div><div class=\"k-tab\">标签</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div></div></div></div></div>"
|
|
1206
1266
|
```
|
|
1207
1267
|
|
|
1208
1268
|
#### `Split nested`
|
|
@@ -1255,6 +1315,12 @@
|
|
|
1255
1315
|
"<div><div class=\"k-steps k-simple css-ur3cqz\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><button class=\"k-btn k-primary k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Next Step</button><div class=\"k-steps k-simple css-ur3cqz\"><div class=\"k-step k-done css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step k-active k-error css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><i class=\"k-step-icon ion-ios-close-empty\"></i></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div></div>"
|
|
1256
1316
|
```
|
|
1257
1317
|
|
|
1318
|
+
#### `Steps vertical`
|
|
1319
|
+
|
|
1320
|
+
```
|
|
1321
|
+
"<div class=\"demo-wrapper\"><div class=\"k-steps k-default css-ur3cqz\" vertical=\"true\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><div class=\"k-steps k-line css-ur3cqz\" vertical=\"true\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><div class=\"k-steps k-line-compact css-ur3cqz\" vertical=\"true\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><div class=\"k-steps k-simple css-ur3cqz\" vertical=\"true\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><button class=\"k-btn k-primary k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
|
|
1322
|
+
```
|
|
1323
|
+
|
|
1258
1324
|
## `switch`
|
|
1259
1325
|
|
|
1260
1326
|
#### `Switch basic`
|
|
@@ -1287,180 +1353,198 @@
|
|
|
1287
1353
|
"<div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 62px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">关闭</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 62px;\">开启</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"height: 22px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\" style=\"width: px;\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 100px; height: 30px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">关闭</div><div class=\"k-switch-bar\" style=\"width: 30px;\"><div class=\"k-switch-on\" style=\"width: 100px; height: 30px; line-height: 30px; padding: 0px 30px 0px 10px;\">开启</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
1288
1354
|
```
|
|
1289
1355
|
|
|
1356
|
+
#### `Switch disabled`
|
|
1357
|
+
|
|
1358
|
+
```
|
|
1359
|
+
"<div><div class=\"k-switch k-default k-disabled css-1r7l1sz\" tabindex=\"-1\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-checked k-default k-disabled css-1r7l1sz\" tabindex=\"-1\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
1360
|
+
```
|
|
1361
|
+
|
|
1290
1362
|
## `table`
|
|
1291
1363
|
|
|
1292
1364
|
#### `Table animation`
|
|
1293
1365
|
|
|
1294
1366
|
```
|
|
1295
|
-
"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">增加一列</button><div class=\"k-table css-
|
|
1367
|
+
"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">增加一列</button><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div></div>"
|
|
1296
1368
|
```
|
|
1297
1369
|
|
|
1298
1370
|
#### `Table basic`
|
|
1299
1371
|
|
|
1300
1372
|
```
|
|
1301
|
-
"<div class=\"k-table css-
|
|
1373
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-2\">Cell 1-2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-2\">Cell 2-2</td></tr></tbody></table></div></div>"
|
|
1302
1374
|
```
|
|
1303
1375
|
|
|
1304
1376
|
#### `Table checkType`
|
|
1305
1377
|
|
|
1306
1378
|
```
|
|
1307
|
-
"<div><div class=\"k-table css-
|
|
1379
|
+
"<div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"checkbox 1\">checkbox 1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"checkbox 2\">checkbox 2</td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"radio 1\">radio 1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"radio 2\">radio 2</td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td title=\"no check 1\">no check 1</td></tr><tr data-key=\"1\"><td title=\"no check 2\">no check 2</td></tr></tbody></table></div></div></div>"
|
|
1308
1380
|
```
|
|
1309
1381
|
|
|
1310
1382
|
#### `Table checkedKeys`
|
|
1311
1383
|
|
|
1312
1384
|
```
|
|
1313
|
-
"<div><div class=\"tables\"><div class=\"k-table css-
|
|
1385
|
+
"<div><div class=\"tables\"><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Radio without rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Radio without rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-radio k-checked css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by index\">default checked by index</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Radio with rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Radio with rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"yes\"><td class=\"k-table-check\"><label class=\"k-radio k-checked css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by rowKey\">default checked by rowKey</td></tr><tr data-key=\"no\"><td class=\"k-table-check\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div></div><div class=\"tables\"><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"checkbox without rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">checkbox without rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by index\">default checked by index</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr><tr class=\"k-checked\" data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked\">default checked</td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"checkbox with rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">checkbox with rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"yes\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by rowKey\">default checked by rowKey</td></tr><tr data-key=\"no\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div></div></div>"
|
|
1314
1386
|
```
|
|
1315
1387
|
|
|
1316
1388
|
#### `Table disableRow`
|
|
1317
1389
|
|
|
1318
1390
|
```
|
|
1319
|
-
"<div class=\"k-table css-
|
|
1391
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"odd rows are uncheckable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">odd rows are uncheckable</div></div></th></tr></thead><tbody><tr class=\"k-disabled\" data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr class=\"k-disabled k-checked\" data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled k-checked css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div>"
|
|
1320
1392
|
```
|
|
1321
1393
|
|
|
1322
1394
|
#### `Table draggable`
|
|
1323
1395
|
|
|
1324
1396
|
```
|
|
1325
|
-
"<div class=\"k-table k-fix-header css-
|
|
1397
|
+
"<div class=\"k-table k-fix-header css-1nq07fu\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th title=\"Operation\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 2\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 3\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 4\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 5\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 6\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 7\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 8\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 9\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 10\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 11\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 11\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 12\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 12\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 13\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 13\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 14\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 14\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 15\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 15\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 16\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 16\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 17\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 17\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 18\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 18\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 19\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 19\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 20\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 20\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div>"
|
|
1326
1398
|
```
|
|
1327
1399
|
|
|
1328
1400
|
#### `Table empty`
|
|
1329
1401
|
|
|
1330
1402
|
```
|
|
1331
|
-
"<div><div class=\"k-table css-
|
|
1403
|
+
"<div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\">/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~</td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\"><div style=\"color: red;\">没有数据</div><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div></div>"
|
|
1332
1404
|
```
|
|
1333
1405
|
|
|
1334
1406
|
#### `Table export`
|
|
1335
1407
|
|
|
1336
1408
|
```
|
|
1337
|
-
"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-
|
|
1409
|
+
"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"定义该列单元格内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">定义该列单元格内容</div></div></th><th title=\"普通文本\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">普通文本</div></div></th><th title=\"自定义导出文本\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">自定义导出文本</div></div></th><th class=\"k-align-right\" title=\"操作\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">操作</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第一行</a><!-- react-mount-point-unstable --></td><td title=\"哈哈1\">哈哈1</td><td title=\"自定义1\">自定义1</td><td class=\"k-align-right\" title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第二行</a><!-- react-mount-point-unstable --></td><td title=\"哈哈2\">哈哈2</td><td title=\"自定义2\">自定义2</td><td class=\"k-align-right\" title=\"\"><a>删除</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div></div>"
|
|
1338
1410
|
```
|
|
1339
1411
|
|
|
1340
1412
|
#### `Table fixColumn`
|
|
1341
1413
|
|
|
1342
1414
|
```
|
|
1343
|
-
"<div><div class=\"k-table k-scroll-left k-fix-columns css-
|
|
1415
|
+
"<div><div class=\"k-table k-scroll-left k-fix-columns css-1nq07fu\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 30px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 800px; top: 64px;\"><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"name k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><div>Column1</div><!-- react-mount-point-unstable --></div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div><div class=\"k-table k-fix-header k-scroll-left k-fix-columns k-grid css-1nq07fu\"><div class=\"k-table-wrapper\" style=\"max-height: 150px;\"><div class=\"k-affix k-table-affix-header css-8m3pex\"><div class=\"k-affix-wrapper\"><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column1</div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div></div>"
|
|
1344
1416
|
```
|
|
1345
1417
|
|
|
1346
1418
|
#### `Table fixHeader`
|
|
1347
1419
|
|
|
1348
1420
|
```
|
|
1349
|
-
"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-
|
|
1421
|
+
"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-1nq07fu\"><div class=\"k-table-wrapper\" style=\"max-height: 100px;\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">100px</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"表头固定，但内容没有超出最高高度\">表头固定，但内容没有超出最高高度</td></tr></tbody></table></div></div><div class=\"k-table k-fix-header css-1nq07fu\"><div class=\"k-table-wrapper\" style=\"max-height: 100px;\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">100px</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"表头固定啦\">表头固定啦</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"下拉\">下拉</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"yeah!\">yeah!</td></tr></tbody></table></div></div></div>"
|
|
1350
1422
|
```
|
|
1351
1423
|
|
|
1352
1424
|
#### `Table group`
|
|
1353
1425
|
|
|
1354
1426
|
```
|
|
1355
|
-
"<div class=\"tables\"><div class=\"k-table css-
|
|
1427
|
+
"<div class=\"tables\"><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"状态(全部)\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">状态(全部)</div><button class=\"k-btn k-mini k-btn-icon k-table-group css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-android-arrow-dropdown css-x0ey6t\"></i></button><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机1\">主机1</td><td title=\"\"><span>运行中</span><!-- react-mount-point-unstable --></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机2\">主机2</td><td title=\"\"><span>已关闭</span><!-- react-mount-point-unstable --></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机3\">主机3</td><td title=\"\"><span>运行中</span><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"名称\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">名称</div></div></th><th title=\"状态\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">状态</div><button class=\"k-btn k-mini k-btn-icon k-table-group css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-android-arrow-dropdown css-x0ey6t\"></i></button><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机1\">主机1</td><td title=\"\"><span>运行中</span><!-- react-mount-point-unstable --></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机2\">主机2</td><td title=\"\"><span>已关闭</span><!-- react-mount-point-unstable --></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"主机3\">主机3</td><td title=\"\"><span>运行中</span><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div></div>"
|
|
1356
1428
|
```
|
|
1357
1429
|
|
|
1358
1430
|
#### `Table groupHeader`
|
|
1359
1431
|
|
|
1360
1432
|
```
|
|
1361
|
-
"<div class=\"k-table k-scroll-left k-fix-columns k-grid css-
|
|
1433
|
+
"<div class=\"k-table k-scroll-left k-fix-columns k-grid css-1nq07fu\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 90px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 798px; top: 64px;\"><table><colgroup><col width=\"40\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"3\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"3\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th class=\"k-fixed-left\" title=\"Time\" colspan=\"1\" rowspan=\"2\" style=\"left: 140px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Classes\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Classes</div></div></th><th title=\"Time\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th class=\"k-fixed-right\" title=\"Class 6\" colspan=\"1\" rowspan=\"2\" style=\"right: 100px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th class=\"k-fixed-right\" title=\"Class 7\" colspan=\"1\" rowspan=\"2\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th></tr><tr><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" style=\"left: 40px;\">Monday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Geopraghy\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 100px;\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 0px;\">Mathematics</td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tuesday\" style=\"left: 40px;\">Tuesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"English\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 100px;\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 0px;\">Chinese</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" style=\"left: 40px;\">Wendesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Mathematics\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 100px;\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 0px;\">History</td></tr><tr data-key=\"3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Thursday\" style=\"left: 40px;\">Thursday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Chinese\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 100px;\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 0px;\">Geopraghy</td></tr><tr data-key=\"4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Friday\" style=\"left: 40px;\">Friday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"History\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 100px;\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 0px;\">English</td></tr></tbody></table></div></div>"
|
|
1434
|
+
```
|
|
1435
|
+
|
|
1436
|
+
#### `Table hideHeader`
|
|
1437
|
+
|
|
1438
|
+
```
|
|
1439
|
+
"<div><p>hideHeader: <div class=\"k-switch k-checked k-default css-1r7l1sz\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></p><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-2\">Cell 1-2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-2\">Cell 2-2</td></tr></tbody></table></div></div></div>"
|
|
1362
1440
|
```
|
|
1363
1441
|
|
|
1364
1442
|
#### `Table loading`
|
|
1365
1443
|
|
|
1366
1444
|
```
|
|
1367
|
-
"<div><div class=\"k-table css-
|
|
1445
|
+
"<div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈1\">哈哈1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr></tbody></table></div><div class=\"k-spin k-small k-overlay k-table-spin css-1txbye7\"><div class=\"k-spin-wrapper\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div></div></div><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">是否展示loading状态</span></label></div>"
|
|
1368
1446
|
```
|
|
1369
1447
|
|
|
1370
1448
|
#### `Table mergeCell`
|
|
1371
1449
|
|
|
1372
1450
|
```
|
|
1373
|
-
"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-gxoqtj\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"2\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr class=\"k-checked\" data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div><div class=\"k-table k-fix-columns k-grid css-gxoqtj\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"2\" style=\"left: 0px;\"></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio k-checked css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled k-checked\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-radio k-disabled css-9px8r3\" tabindex=\"-1\"><span class=\"k-radio-wrapper\"><input type=\"radio\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div></div>"
|
|
1451
|
+
"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"2\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr class=\"k-checked\" data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div><div class=\"k-table k-fix-columns k-grid css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"2\" style=\"left: 0px;\"></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio k-checked css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled k-checked\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-radio k-disabled css-9px8r3\" tabindex=\"-1\"><span class=\"k-radio-wrapper\"><input type=\"radio\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div></div>"
|
|
1452
|
+
```
|
|
1453
|
+
|
|
1454
|
+
#### `Table pagination`
|
|
1455
|
+
|
|
1456
|
+
```
|
|
1457
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th></tr></thead><tbody><tr data-key=\"name 1\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td></tr><tr data-key=\"name 2\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td></tr><tr data-key=\"name 3\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td></tr><tr data-key=\"name 4\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td></tr><tr data-key=\"name 5\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td></tr><tr data-key=\"name 6\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td></tr><tr data-key=\"name 7\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td></tr><tr data-key=\"name 8\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td></tr><tr data-key=\"name 9\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td></tr><tr data-key=\"name 10\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td></tr></tbody></table></div><div class=\"k-pagination k-small css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 20 条</div></div></div>"
|
|
1374
1458
|
```
|
|
1375
1459
|
|
|
1376
1460
|
#### `Table resizable`
|
|
1377
1461
|
|
|
1378
1462
|
```
|
|
1379
|
-
"<div class=\"k-table k-grid css-
|
|
1463
|
+
"<div class=\"k-table k-grid css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col width=\"50%\"><col class=\"hidden\"><col width=\"10%\" style=\"width: 300px;\"><col width=\"40%\"></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"通过minColWidth控制最小宽度100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">通过minColWidth控制最小宽度100px</div></div></th><th class=\"hidden\" title=\"隐藏列\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">隐藏列</div></div></th><th title=\"单独设置最小宽度300px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">单独设置最小宽度300px</div></div></th><th title=\"标题\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">标题</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td class=\"hidden\" title=\"\"></td><td title=\"B\">B</td><td title=\"C\">C</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td class=\"hidden\" title=\"\"></td><td title=\"B\">B</td><td title=\"C\">C</td></tr></tbody></table></div></div>"
|
|
1380
1464
|
```
|
|
1381
1465
|
|
|
1382
1466
|
#### `Table rowCheckable`
|
|
1383
1467
|
|
|
1384
1468
|
```
|
|
1385
|
-
"<div class=\"tables\"><div class=\"k-table css-
|
|
1469
|
+
"<div class=\"tables\"><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"点击整行不选中\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">点击整行不选中</div></div></th><th title=\"B\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">B</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"B\">B</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"点我不会选中整行\">点我不会选中整行</td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"点击整行选中\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">点击整行选中</div></div></th><th title=\"B\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">B</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"任何位置都可以哦～\">任何位置都可以哦～</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"点我会选中整行\">点我会选中整行</td></tr></tbody></table></div></div></div>"
|
|
1386
1470
|
```
|
|
1387
1471
|
|
|
1388
1472
|
#### `Table rowClassName`
|
|
1389
1473
|
|
|
1390
1474
|
```
|
|
1391
|
-
"<div><div class=\"k-table css-
|
|
1475
|
+
"<div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"rowClassName\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">rowClassName</div></div></th></tr></thead><tbody><tr class=\"odd\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr class=\"even\" data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr class=\"odd\" data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr class=\"even\" data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr class=\"odd\" data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div><div class=\"k-table k-stripe css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"stripe\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">stripe</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div></div>"
|
|
1392
1476
|
```
|
|
1393
1477
|
|
|
1394
1478
|
#### `Table rowExpandable`
|
|
1395
1479
|
|
|
1396
1480
|
```
|
|
1397
|
-
"<div class=\"tables\"><div class=\"k-table k-with-expand css-
|
|
1481
|
+
"<div class=\"tables\"><div class=\"k-table k-with-expand css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><th title=\"点击整行展开内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">点击整行展开内容</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td title=\"Javey\">Javey</td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr><tr data-key=\"1\"><td title=\"Jiawei\">Jiawei</td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr></tbody></table></div></div><div class=\"k-table k-with-expand css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><th title=\"点击+，展开内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">点击+，展开内容</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td title=\"\"><div><i class=\"icon ion-ios-plus-outline\"></i><span class=\"name\">Javey</span></div><!-- react-mount-point-unstable --></td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr><tr data-key=\"1\"><td title=\"\"><div><i class=\"icon ion-ios-plus-outline\"></i><span class=\"name\">Jiawei</span></div><!-- react-mount-point-unstable --></td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr></tbody></table></div></div></div>"
|
|
1398
1482
|
```
|
|
1399
1483
|
|
|
1400
1484
|
#### `Table scheme`
|
|
1401
1485
|
|
|
1402
1486
|
```
|
|
1403
|
-
"<div class=\"k-table css-
|
|
1487
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"定义该列单元格内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">定义该列单元格内容</div></div></th><th title=\"key形式\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key形式</div></div></th><th title=\"key为一个路径字符串\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key为一个路径字符串</div></div></th><th title=\"没有这个key，则返回空\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">没有这个key，则返回空</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>虚拟DOM</a><!-- react-mount-point-unstable --></td><td title=\"获取到了item.b\">获取到了item.b</td><td title=\"item.c.c1\">item.c.c1</td><td title=\"\"></td></tr></tbody></table></div></div>"
|
|
1404
1488
|
```
|
|
1405
1489
|
|
|
1406
1490
|
#### `Table scrollToRow`
|
|
1407
1491
|
|
|
1408
1492
|
```
|
|
1409
|
-
"<div class=\"wrapper\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-gxoqtj\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th class=\"k-fixed-right\" title=\"Operation\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 1\" style=\"left: 40px;\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 2\" style=\"left: 40px;\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 3\" style=\"left: 40px;\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 4\" style=\"left: 40px;\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 5\" style=\"left: 40px;\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 6\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 6\" style=\"left: 40px;\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 7\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 7\" style=\"left: 40px;\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 8\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 8\" style=\"left: 40px;\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 9\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 9\" style=\"left: 40px;\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 10\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 10\" style=\"left: 40px;\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 11\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 11\" style=\"left: 40px;\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 12\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 12\" style=\"left: 40px;\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 13\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 13\" style=\"left: 40px;\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 14\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 14\" style=\"left: 40px;\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 15\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 15\" style=\"left: 40px;\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 16\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 16\" style=\"left: 40px;\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 17\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 17\" style=\"left: 40px;\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 18\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 18\" style=\"left: 40px;\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 19\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 19\" style=\"left: 40px;\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 20\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 20\" style=\"left: 40px;\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 21\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 21\" style=\"left: 40px;\">name 21</td><td title=\"127.0.0.21\">127.0.0.21</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 22\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 22\" style=\"left: 40px;\">name 22</td><td title=\"127.0.0.22\">127.0.0.22</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 23\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 23\" style=\"left: 40px;\">name 23</td><td title=\"127.0.0.23\">127.0.0.23</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 24\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 24\" style=\"left: 40px;\">name 24</td><td title=\"127.0.0.24\">127.0.0.24</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 25\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 25\" style=\"left: 40px;\">name 25</td><td title=\"127.0.0.25\">127.0.0.25</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 26\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 26\" style=\"left: 40px;\">name 26</td><td title=\"127.0.0.26\">127.0.0.26</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 27\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 27\" style=\"left: 40px;\">name 27</td><td title=\"127.0.0.27\">127.0.0.27</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 28\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 28\" style=\"left: 40px;\">name 28</td><td title=\"127.0.0.28\">127.0.0.28</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 29\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 29\" style=\"left: 40px;\">name 29</td><td title=\"127.0.0.29\">127.0.0.29</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 30\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 30\" style=\"left: 40px;\">name 30</td><td title=\"127.0.0.30\">127.0.0.30</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 31\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 31\" style=\"left: 40px;\">name 31</td><td title=\"127.0.0.31\">127.0.0.31</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 32\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 32\" style=\"left: 40px;\">name 32</td><td title=\"127.0.0.32\">127.0.0.32</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 33\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 33\" style=\"left: 40px;\">name 33</td><td title=\"127.0.0.33\">127.0.0.33</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 34\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 34\" style=\"left: 40px;\">name 34</td><td title=\"127.0.0.34\">127.0.0.34</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 35\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 35\" style=\"left: 40px;\">name 35</td><td title=\"127.0.0.35\">127.0.0.35</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 36\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 36\" style=\"left: 40px;\">name 36</td><td title=\"127.0.0.36\">127.0.0.36</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 37\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 37\" style=\"left: 40px;\">name 37</td><td title=\"127.0.0.37\">127.0.0.37</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 38\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 38\" style=\"left: 40px;\">name 38</td><td title=\"127.0.0.38\">127.0.0.38</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 39\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 39\" style=\"left: 40px;\">name 39</td><td title=\"127.0.0.39\">127.0.0.39</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 40\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 40\" style=\"left: 40px;\">name 40</td><td title=\"127.0.0.40\">127.0.0.40</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 41\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 41\" style=\"left: 40px;\">name 41</td><td title=\"127.0.0.41\">127.0.0.41</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 42\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 42\" style=\"left: 40px;\">name 42</td><td title=\"127.0.0.42\">127.0.0.42</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 43\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 43\" style=\"left: 40px;\">name 43</td><td title=\"127.0.0.43\">127.0.0.43</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 44\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 44\" style=\"left: 40px;\">name 44</td><td title=\"127.0.0.44\">127.0.0.44</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 45\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 45\" style=\"left: 40px;\">name 45</td><td title=\"127.0.0.45\">127.0.0.45</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 46\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 46\" style=\"left: 40px;\">name 46</td><td title=\"127.0.0.46\">127.0.0.46</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 47\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 47\" style=\"left: 40px;\">name 47</td><td title=\"127.0.0.47\">127.0.0.47</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 48\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 48\" style=\"left: 40px;\">name 48</td><td title=\"127.0.0.48\">127.0.0.48</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 49\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 49\" style=\"left: 40px;\">name 49</td><td title=\"127.0.0.49\">127.0.0.49</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 50\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 50\" style=\"left: 40px;\">name 50</td><td title=\"127.0.0.50\">127.0.0.50</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 51\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 51\" style=\"left: 40px;\">name 51</td><td title=\"127.0.0.51\">127.0.0.51</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 52\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 52\" style=\"left: 40px;\">name 52</td><td title=\"127.0.0.52\">127.0.0.52</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 53\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 53\" style=\"left: 40px;\">name 53</td><td title=\"127.0.0.53\">127.0.0.53</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 54\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 54\" style=\"left: 40px;\">name 54</td><td title=\"127.0.0.54\">127.0.0.54</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 55\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 55\" style=\"left: 40px;\">name 55</td><td title=\"127.0.0.55\">127.0.0.55</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 56\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 56\" style=\"left: 40px;\">name 56</td><td title=\"127.0.0.56\">127.0.0.56</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 57\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 57\" style=\"left: 40px;\">name 57</td><td title=\"127.0.0.57\">127.0.0.57</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 58\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 58\" style=\"left: 40px;\">name 58</td><td title=\"127.0.0.58\">127.0.0.58</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 59\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 59\" style=\"left: 40px;\">name 59</td><td title=\"127.0.0.59\">127.0.0.59</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 60\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 60\" style=\"left: 40px;\">name 60</td><td title=\"127.0.0.60\">127.0.0.60</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 61\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 61\" style=\"left: 40px;\">name 61</td><td title=\"127.0.0.61\">127.0.0.61</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 62\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 62\" style=\"left: 40px;\">name 62</td><td title=\"127.0.0.62\">127.0.0.62</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 63\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 63\" style=\"left: 40px;\">name 63</td><td title=\"127.0.0.63\">127.0.0.63</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 64\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 64\" style=\"left: 40px;\">name 64</td><td title=\"127.0.0.64\">127.0.0.64</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 65\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 65\" style=\"left: 40px;\">name 65</td><td title=\"127.0.0.65\">127.0.0.65</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 66\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 66\" style=\"left: 40px;\">name 66</td><td title=\"127.0.0.66\">127.0.0.66</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 67\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 67\" style=\"left: 40px;\">name 67</td><td title=\"127.0.0.67\">127.0.0.67</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 68\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 68\" style=\"left: 40px;\">name 68</td><td title=\"127.0.0.68\">127.0.0.68</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 69\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 69\" style=\"left: 40px;\">name 69</td><td title=\"127.0.0.69\">127.0.0.69</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 70\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 70\" style=\"left: 40px;\">name 70</td><td title=\"127.0.0.70\">127.0.0.70</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 71\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 71\" style=\"left: 40px;\">name 71</td><td title=\"127.0.0.71\">127.0.0.71</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 72\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 72\" style=\"left: 40px;\">name 72</td><td title=\"127.0.0.72\">127.0.0.72</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 73\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 73\" style=\"left: 40px;\">name 73</td><td title=\"127.0.0.73\">127.0.0.73</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 74\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 74\" style=\"left: 40px;\">name 74</td><td title=\"127.0.0.74\">127.0.0.74</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 75\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 75\" style=\"left: 40px;\">name 75</td><td title=\"127.0.0.75\">127.0.0.75</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 76\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 76\" style=\"left: 40px;\">name 76</td><td title=\"127.0.0.76\">127.0.0.76</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 77\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 77\" style=\"left: 40px;\">name 77</td><td title=\"127.0.0.77\">127.0.0.77</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 78\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 78\" style=\"left: 40px;\">name 78</td><td title=\"127.0.0.78\">127.0.0.78</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 79\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 79\" style=\"left: 40px;\">name 79</td><td title=\"127.0.0.79\">127.0.0.79</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 80\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 80\" style=\"left: 40px;\">name 80</td><td title=\"127.0.0.80\">127.0.0.80</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 81\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 81\" style=\"left: 40px;\">name 81</td><td title=\"127.0.0.81\">127.0.0.81</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 82\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 82\" style=\"left: 40px;\">name 82</td><td title=\"127.0.0.82\">127.0.0.82</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 83\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 83\" style=\"left: 40px;\">name 83</td><td title=\"127.0.0.83\">127.0.0.83</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 84\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 84\" style=\"left: 40px;\">name 84</td><td title=\"127.0.0.84\">127.0.0.84</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 85\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 85\" style=\"left: 40px;\">name 85</td><td title=\"127.0.0.85\">127.0.0.85</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 86\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 86\" style=\"left: 40px;\">name 86</td><td title=\"127.0.0.86\">127.0.0.86</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 87\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 87\" style=\"left: 40px;\">name 87</td><td title=\"127.0.0.87\">127.0.0.87</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 88\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 88\" style=\"left: 40px;\">name 88</td><td title=\"127.0.0.88\">127.0.0.88</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 89\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 89\" style=\"left: 40px;\">name 89</td><td title=\"127.0.0.89\">127.0.0.89</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 90\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 90\" style=\"left: 40px;\">name 90</td><td title=\"127.0.0.90\">127.0.0.90</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 91\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 91\" style=\"left: 40px;\">name 91</td><td title=\"127.0.0.91\">127.0.0.91</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 92\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 92\" style=\"left: 40px;\">name 92</td><td title=\"127.0.0.92\">127.0.0.92</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 93\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 93\" style=\"left: 40px;\">name 93</td><td title=\"127.0.0.93\">127.0.0.93</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 94\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 94\" style=\"left: 40px;\">name 94</td><td title=\"127.0.0.94\">127.0.0.94</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 95\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 95\" style=\"left: 40px;\">name 95</td><td title=\"127.0.0.95\">127.0.0.95</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 96\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 96\" style=\"left: 40px;\">name 96</td><td title=\"127.0.0.96\">127.0.0.96</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 97\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 97\" style=\"left: 40px;\">name 97</td><td title=\"127.0.0.97\">127.0.0.97</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 98\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 98\" style=\"left: 40px;\">name 98</td><td title=\"127.0.0.98\">127.0.0.98</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 99\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 99\" style=\"left: 40px;\">name 99</td><td title=\"127.0.0.99\">127.0.0.99</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 100\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 100\" style=\"left: 40px;\">name 100</td><td title=\"127.0.0.100\">127.0.0.100</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div></div>"
|
|
1493
|
+
"<div class=\"wrapper\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-1nq07fu\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th class=\"k-fixed-right\" title=\"Operation\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 1\" style=\"left: 40px;\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 2\" style=\"left: 40px;\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 3\" style=\"left: 40px;\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 4\" style=\"left: 40px;\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 5\" style=\"left: 40px;\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 6\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 6\" style=\"left: 40px;\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 7\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 7\" style=\"left: 40px;\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 8\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 8\" style=\"left: 40px;\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 9\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 9\" style=\"left: 40px;\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 10\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 10\" style=\"left: 40px;\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 11\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 11\" style=\"left: 40px;\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 12\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 12\" style=\"left: 40px;\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 13\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 13\" style=\"left: 40px;\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 14\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 14\" style=\"left: 40px;\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 15\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 15\" style=\"left: 40px;\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 16\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 16\" style=\"left: 40px;\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 17\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 17\" style=\"left: 40px;\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 18\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 18\" style=\"left: 40px;\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 19\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 19\" style=\"left: 40px;\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 20\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 20\" style=\"left: 40px;\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 21\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 21\" style=\"left: 40px;\">name 21</td><td title=\"127.0.0.21\">127.0.0.21</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 22\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 22\" style=\"left: 40px;\">name 22</td><td title=\"127.0.0.22\">127.0.0.22</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 23\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 23\" style=\"left: 40px;\">name 23</td><td title=\"127.0.0.23\">127.0.0.23</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 24\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 24\" style=\"left: 40px;\">name 24</td><td title=\"127.0.0.24\">127.0.0.24</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 25\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 25\" style=\"left: 40px;\">name 25</td><td title=\"127.0.0.25\">127.0.0.25</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 26\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 26\" style=\"left: 40px;\">name 26</td><td title=\"127.0.0.26\">127.0.0.26</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 27\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 27\" style=\"left: 40px;\">name 27</td><td title=\"127.0.0.27\">127.0.0.27</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 28\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 28\" style=\"left: 40px;\">name 28</td><td title=\"127.0.0.28\">127.0.0.28</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 29\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 29\" style=\"left: 40px;\">name 29</td><td title=\"127.0.0.29\">127.0.0.29</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 30\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 30\" style=\"left: 40px;\">name 30</td><td title=\"127.0.0.30\">127.0.0.30</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 31\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 31\" style=\"left: 40px;\">name 31</td><td title=\"127.0.0.31\">127.0.0.31</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 32\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 32\" style=\"left: 40px;\">name 32</td><td title=\"127.0.0.32\">127.0.0.32</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 33\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 33\" style=\"left: 40px;\">name 33</td><td title=\"127.0.0.33\">127.0.0.33</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 34\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 34\" style=\"left: 40px;\">name 34</td><td title=\"127.0.0.34\">127.0.0.34</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 35\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 35\" style=\"left: 40px;\">name 35</td><td title=\"127.0.0.35\">127.0.0.35</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 36\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 36\" style=\"left: 40px;\">name 36</td><td title=\"127.0.0.36\">127.0.0.36</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 37\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 37\" style=\"left: 40px;\">name 37</td><td title=\"127.0.0.37\">127.0.0.37</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 38\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 38\" style=\"left: 40px;\">name 38</td><td title=\"127.0.0.38\">127.0.0.38</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 39\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 39\" style=\"left: 40px;\">name 39</td><td title=\"127.0.0.39\">127.0.0.39</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 40\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 40\" style=\"left: 40px;\">name 40</td><td title=\"127.0.0.40\">127.0.0.40</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 41\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 41\" style=\"left: 40px;\">name 41</td><td title=\"127.0.0.41\">127.0.0.41</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 42\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 42\" style=\"left: 40px;\">name 42</td><td title=\"127.0.0.42\">127.0.0.42</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 43\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 43\" style=\"left: 40px;\">name 43</td><td title=\"127.0.0.43\">127.0.0.43</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 44\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 44\" style=\"left: 40px;\">name 44</td><td title=\"127.0.0.44\">127.0.0.44</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 45\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 45\" style=\"left: 40px;\">name 45</td><td title=\"127.0.0.45\">127.0.0.45</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 46\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 46\" style=\"left: 40px;\">name 46</td><td title=\"127.0.0.46\">127.0.0.46</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 47\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 47\" style=\"left: 40px;\">name 47</td><td title=\"127.0.0.47\">127.0.0.47</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 48\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 48\" style=\"left: 40px;\">name 48</td><td title=\"127.0.0.48\">127.0.0.48</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 49\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 49\" style=\"left: 40px;\">name 49</td><td title=\"127.0.0.49\">127.0.0.49</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 50\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 50\" style=\"left: 40px;\">name 50</td><td title=\"127.0.0.50\">127.0.0.50</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 51\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 51\" style=\"left: 40px;\">name 51</td><td title=\"127.0.0.51\">127.0.0.51</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 52\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 52\" style=\"left: 40px;\">name 52</td><td title=\"127.0.0.52\">127.0.0.52</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 53\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 53\" style=\"left: 40px;\">name 53</td><td title=\"127.0.0.53\">127.0.0.53</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 54\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 54\" style=\"left: 40px;\">name 54</td><td title=\"127.0.0.54\">127.0.0.54</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 55\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 55\" style=\"left: 40px;\">name 55</td><td title=\"127.0.0.55\">127.0.0.55</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 56\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 56\" style=\"left: 40px;\">name 56</td><td title=\"127.0.0.56\">127.0.0.56</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 57\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 57\" style=\"left: 40px;\">name 57</td><td title=\"127.0.0.57\">127.0.0.57</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 58\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 58\" style=\"left: 40px;\">name 58</td><td title=\"127.0.0.58\">127.0.0.58</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 59\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 59\" style=\"left: 40px;\">name 59</td><td title=\"127.0.0.59\">127.0.0.59</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 60\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 60\" style=\"left: 40px;\">name 60</td><td title=\"127.0.0.60\">127.0.0.60</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 61\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 61\" style=\"left: 40px;\">name 61</td><td title=\"127.0.0.61\">127.0.0.61</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 62\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 62\" style=\"left: 40px;\">name 62</td><td title=\"127.0.0.62\">127.0.0.62</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 63\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 63\" style=\"left: 40px;\">name 63</td><td title=\"127.0.0.63\">127.0.0.63</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 64\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 64\" style=\"left: 40px;\">name 64</td><td title=\"127.0.0.64\">127.0.0.64</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 65\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 65\" style=\"left: 40px;\">name 65</td><td title=\"127.0.0.65\">127.0.0.65</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 66\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 66\" style=\"left: 40px;\">name 66</td><td title=\"127.0.0.66\">127.0.0.66</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 67\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 67\" style=\"left: 40px;\">name 67</td><td title=\"127.0.0.67\">127.0.0.67</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 68\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 68\" style=\"left: 40px;\">name 68</td><td title=\"127.0.0.68\">127.0.0.68</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 69\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 69\" style=\"left: 40px;\">name 69</td><td title=\"127.0.0.69\">127.0.0.69</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 70\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 70\" style=\"left: 40px;\">name 70</td><td title=\"127.0.0.70\">127.0.0.70</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 71\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 71\" style=\"left: 40px;\">name 71</td><td title=\"127.0.0.71\">127.0.0.71</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 72\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 72\" style=\"left: 40px;\">name 72</td><td title=\"127.0.0.72\">127.0.0.72</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 73\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 73\" style=\"left: 40px;\">name 73</td><td title=\"127.0.0.73\">127.0.0.73</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 74\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 74\" style=\"left: 40px;\">name 74</td><td title=\"127.0.0.74\">127.0.0.74</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 75\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 75\" style=\"left: 40px;\">name 75</td><td title=\"127.0.0.75\">127.0.0.75</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 76\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 76\" style=\"left: 40px;\">name 76</td><td title=\"127.0.0.76\">127.0.0.76</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 77\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 77\" style=\"left: 40px;\">name 77</td><td title=\"127.0.0.77\">127.0.0.77</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 78\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 78\" style=\"left: 40px;\">name 78</td><td title=\"127.0.0.78\">127.0.0.78</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 79\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 79\" style=\"left: 40px;\">name 79</td><td title=\"127.0.0.79\">127.0.0.79</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 80\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 80\" style=\"left: 40px;\">name 80</td><td title=\"127.0.0.80\">127.0.0.80</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 81\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 81\" style=\"left: 40px;\">name 81</td><td title=\"127.0.0.81\">127.0.0.81</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 82\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 82\" style=\"left: 40px;\">name 82</td><td title=\"127.0.0.82\">127.0.0.82</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 83\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 83\" style=\"left: 40px;\">name 83</td><td title=\"127.0.0.83\">127.0.0.83</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 84\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 84\" style=\"left: 40px;\">name 84</td><td title=\"127.0.0.84\">127.0.0.84</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 85\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 85\" style=\"left: 40px;\">name 85</td><td title=\"127.0.0.85\">127.0.0.85</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 86\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 86\" style=\"left: 40px;\">name 86</td><td title=\"127.0.0.86\">127.0.0.86</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 87\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 87\" style=\"left: 40px;\">name 87</td><td title=\"127.0.0.87\">127.0.0.87</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 88\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 88\" style=\"left: 40px;\">name 88</td><td title=\"127.0.0.88\">127.0.0.88</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 89\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 89\" style=\"left: 40px;\">name 89</td><td title=\"127.0.0.89\">127.0.0.89</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 90\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 90\" style=\"left: 40px;\">name 90</td><td title=\"127.0.0.90\">127.0.0.90</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 91\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 91\" style=\"left: 40px;\">name 91</td><td title=\"127.0.0.91\">127.0.0.91</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 92\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 92\" style=\"left: 40px;\">name 92</td><td title=\"127.0.0.92\">127.0.0.92</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 93\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 93\" style=\"left: 40px;\">name 93</td><td title=\"127.0.0.93\">127.0.0.93</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 94\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 94\" style=\"left: 40px;\">name 94</td><td title=\"127.0.0.94\">127.0.0.94</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 95\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 95\" style=\"left: 40px;\">name 95</td><td title=\"127.0.0.95\">127.0.0.95</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 96\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 96\" style=\"left: 40px;\">name 96</td><td title=\"127.0.0.96\">127.0.0.96</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 97\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 97\" style=\"left: 40px;\">name 97</td><td title=\"127.0.0.97\">127.0.0.97</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 98\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 98\" style=\"left: 40px;\">name 98</td><td title=\"127.0.0.98\">127.0.0.98</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 99\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 99\" style=\"left: 40px;\">name 99</td><td title=\"127.0.0.99\">127.0.0.99</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 100\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"name 100\" style=\"left: 40px;\">name 100</td><td title=\"127.0.0.100\">127.0.0.100</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div></div>"
|
|
1410
1494
|
```
|
|
1411
1495
|
|
|
1412
1496
|
#### `Table selectedKeys`
|
|
1413
1497
|
|
|
1414
1498
|
```
|
|
1415
|
-
"<div><div class=\"k-table css-
|
|
1499
|
+
"<div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈\">哈哈</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈\">哈哈</td></tr></tbody></table></div></div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈\">哈哈</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈\">哈哈</td></tr></tbody></table></div></div></div>"
|
|
1416
1500
|
```
|
|
1417
1501
|
|
|
1418
1502
|
#### `Table showIndeterminate`
|
|
1419
1503
|
|
|
1420
1504
|
```
|
|
1421
|
-
"<div><div class=\"k-table css-
|
|
1505
|
+
"<div><div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-indeterminate css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr></tbody></table></div></div></div>"
|
|
1422
1506
|
```
|
|
1423
1507
|
|
|
1424
1508
|
#### `Table sort`
|
|
1425
1509
|
|
|
1426
1510
|
```
|
|
1427
|
-
"<div class=\"k-table css-
|
|
1511
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" title=\"姓名\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">姓名</div><div class=\"k-column-sort\"><i class=\"k-icon ion-android-arrow-dropup k-asc css-x0ey6t\"></i><i class=\"k-icon ion-android-arrow-dropdown k-desc css-x0ey6t\"></i></div></div></th><th class=\"k-column-sortable\" title=\"年龄\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">年龄</div><div class=\"k-column-sort\"><i class=\"k-icon ion-android-arrow-dropup k-asc css-x0ey6t\"></i><i class=\"k-icon ion-android-arrow-dropdown k-desc css-x0ey6t\"></i></div></div></th></tr></thead><tbody><tr data-key=\"aa\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"aa\">aa</td><td title=\"1\">1</td></tr><tr data-key=\"cc\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"cc\">cc</td><td title=\"5\">5</td></tr><tr data-key=\"bb\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"bb\">bb</td><td title=\"9\">9</td></tr></tbody></table></div></div>"
|
|
1428
1512
|
```
|
|
1429
1513
|
|
|
1430
1514
|
#### `Table stickHeader`
|
|
1431
1515
|
|
|
1432
1516
|
```
|
|
1433
|
-
"<div class=\"k-table css-
|
|
1517
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 30px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 800px; top: 64px;\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"姓名\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">姓名</div></div></th><th title=\"性别\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">性别</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col><col></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Javey\">Javey</td><td title=\"male\">male</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Kanily\">Kanily</td><td title=\"female\">female</td></tr></tbody></table></div></div>"
|
|
1434
1518
|
```
|
|
1435
1519
|
|
|
1436
1520
|
#### `Table stickScrollbar`
|
|
1437
1521
|
|
|
1438
1522
|
```
|
|
1439
|
-
"<div class=\"k-table css-
|
|
1523
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column1</div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th title=\"Action\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"John\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Tom\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Javey\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div><div class=\"k-affix css-8m3pex\" style=\"display: none;\"><div class=\"k-affix-wrapper\"><div class=\"k-table-scrollbar\"><div class=\"k-table-scrollbar-inner\" style=\"width: px;\"></div></div></div></div></div>"
|
|
1440
1524
|
```
|
|
1441
1525
|
|
|
1442
1526
|
#### `Table title`
|
|
1443
1527
|
|
|
1444
1528
|
```
|
|
1445
|
-
"<div class=\"k-table css-
|
|
1529
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><span title=\"自定义表头内容\" class=\"middle title\">自定义表头内容</span><!-- react-mount-point-unstable --><i class=\"ion-ios-help-outline middle\"></i><!-- react-mount-point-unstable --><!--portal--></div><button class=\"k-btn k-mini k-btn-icon k-table-group css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-android-arrow-dropdown css-x0ey6t\"></i></button><!--portal--><div class=\"k-column-sort\"><i class=\"k-icon ion-android-arrow-dropup k-asc css-x0ey6t\"></i><i class=\"k-icon ion-android-arrow-dropdown k-desc css-x0ey6t\"></i></div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr></tbody></table></div></div>"
|
|
1446
1530
|
```
|
|
1447
1531
|
|
|
1448
1532
|
#### `Table tooltip`
|
|
1449
1533
|
|
|
1450
1534
|
```
|
|
1451
|
-
"<div class=\"k-table css-
|
|
1535
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈1\">哈哈1</td></tr><!--portal--><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr><!--portal--><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr><!--portal--></tbody></table></div></div>"
|
|
1452
1536
|
```
|
|
1453
1537
|
|
|
1454
1538
|
#### `Table tree`
|
|
1455
1539
|
|
|
1456
1540
|
```
|
|
1457
|
-
"<div class=\"k-table css-
|
|
1541
|
+
"<div class=\"k-table css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Size\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Size</div></div></th></tr></thead><tbody><tr data-key=\"Audios\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Audios\"><button class=\"k-btn k-none k-mini k-btn-icon k-table-arrow k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right k-small css-x0ey6t\"></i></button>Audios</td><td title=\"12MB\">12MB</td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Images\"><button class=\"k-btn k-none k-mini k-btn-icon k-table-arrow k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right k-small css-x0ey6t\"></i></button>Images</td><td title=\"14MB\">14MB</td></tr><tr data-key=\"doc.pdf\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"doc.pdf\">doc.pdf</td><td title=\"18MB\">18MB</td></tr></tbody></table></div></div>"
|
|
1458
1542
|
```
|
|
1459
1543
|
|
|
1460
1544
|
#### `Table type`
|
|
1461
1545
|
|
|
1462
1546
|
```
|
|
1463
|
-
"<div><div class=\"k-table k-border css-
|
|
1547
|
+
"<div><div class=\"k-table k-border css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Type\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Type</div></div></th><th title=\"Value\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Value</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"type\">type</td><td title=\"border\">border</td></tr></tbody></table></div></div><div class=\"k-table k-grid css-1nq07fu\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Type\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Type</div></div></th><th title=\"Value\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Value</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"type\">type</td><td title=\"grid\">grid</td></tr></tbody></table></div></div></div>"
|
|
1464
1548
|
```
|
|
1465
1549
|
|
|
1466
1550
|
## `tabs`
|
|
@@ -1507,6 +1591,12 @@
|
|
|
1507
1591
|
"<div><div class=\"k-tabs k-default k-vertical css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-border-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-card k-tabs-no-border-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">入站规则</div><div class=\"k-tab\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div>"
|
|
1508
1592
|
```
|
|
1509
1593
|
|
|
1594
|
+
#### `Tabs scroll`
|
|
1595
|
+
|
|
1596
|
+
```
|
|
1597
|
+
"<div style=\"width: 600px;\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-tabs k-default k-is-scroll css-y0nibt\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"ion-ios-arrow-left\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"ion-ios-arrow-right\"></i></button></div><div class=\"k-tabs k-default k-tabs-card k-is-scroll css-y0nibt\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"ion-ios-arrow-left\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"ion-ios-arrow-right\"></i></button></div><div class=\"k-tabs k-default k-tabs-flat-card k-is-scroll css-y0nibt\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"ion-ios-arrow-left\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div><button class=\"k-btn k-none k-btn-icon k-tabs-next css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"ion-ios-arrow-right\"></i></button></div><br><br><div style=\"display: flex;\"><div style=\"height: 200px;\"><div class=\"k-tabs k-default k-vertical css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-default k-vertical k-tabs-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-default k-vertical k-tabs-flat-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">Table 1</div><div class=\"k-tab\">Table 2</div><div class=\"k-tab\">Table 3</div><div class=\"k-tab\">Table 4</div><div class=\"k-tab\">Table 5</div><div class=\"k-tab\">Table 6</div><div class=\"k-tab\">Table 7</div><div class=\"k-tab\">Table 8</div><div class=\"k-tab\">Table 9</div><div class=\"k-tab\">Table 10</div><div class=\"k-tab\">Table 11</div><div class=\"k-tab\">Table 12</div><div class=\"k-tab\">Table 13</div><div class=\"k-tab\">Table 14</div><div class=\"k-tab\">Table 15</div><div class=\"k-tab\">Table 16</div><div class=\"k-tab\">Table 17</div><div class=\"k-tab\">Table 18</div><div class=\"k-tab\">Table 19</div><div class=\"k-tab\">Table 20</div><div class=\"k-tabs-active-bar\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div></div></div>"
|
|
1598
|
+
```
|
|
1599
|
+
|
|
1510
1600
|
## `tag`
|
|
1511
1601
|
|
|
1512
1602
|
#### `Tag basic`
|
|
@@ -1533,6 +1623,18 @@
|
|
|
1533
1623
|
"<div><div class=\"k-tag k-large k-solid css-1kisx0c\">large</div><div class=\"k-tag k-solid css-1kisx0c\">default</div><div class=\"k-tag k-small k-solid css-1kisx0c\">small</div><div class=\"k-tag k-mini k-solid css-1kisx0c\">mini</div><br><br><div class=\"k-tag k-primary k-large k-solid css-1kisx0c\">large</div><div class=\"k-tag k-warning k-solid css-1kisx0c\">default</div><div class=\"k-tag k-success k-small k-solid css-1kisx0c\">small</div><div class=\"k-tag k-danger k-mini k-solid css-1kisx0c\">mini</div><br><br><div class=\"k-tag k-primary k-large k-solid k-closable css-1kisx0c\">large<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-solid k-closable css-1kisx0c\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-small k-solid k-closable css-1kisx0c\">small<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-mini k-solid k-closable css-1kisx0c\">mini<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div></div>"
|
|
1534
1624
|
```
|
|
1535
1625
|
|
|
1626
|
+
#### `Tag draggable`
|
|
1627
|
+
|
|
1628
|
+
```
|
|
1629
|
+
"<div><div class=\"k-tags css-1mjzzvr\"><div class=\"k-tag k-none css-1xxtdue\">default</div><div class=\"k-tag k-primary k-none css-1xxtdue\">primary</div><div class=\"k-tag k-success k-none css-1xxtdue\">success</div><div class=\"k-tag k-warning k-none css-1xxtdue\">warning</div><div class=\"k-tag k-danger k-none css-1xxtdue\">danger</div><div class=\"k-tag k-none css-1xxtdue\">with tooltip</div><!--portal--></div><br><div class=\"k-tags k-nowrap css-1mjzzvr\" style=\"width: 300px;\"><div class=\"k-tag k-none css-1xxtdue\">default</div><div class=\"k-tag k-primary k-none css-1xxtdue\">primary</div><div class=\"k-tag k-success k-none css-1xxtdue\">success</div><div class=\"k-tag k-warning k-none css-1xxtdue\">warning</div><div class=\"k-tag k-danger k-none css-1xxtdue\">danger</div><div class=\"k-tag k-none css-1xxtdue\">with tooltip</div><!--portal--></div></div>"
|
|
1630
|
+
```
|
|
1631
|
+
|
|
1632
|
+
#### `Tag tags`
|
|
1633
|
+
|
|
1634
|
+
```
|
|
1635
|
+
"<div class=\"k-split k-horizontal css-1ug4f89 k-last-auto\"><div class=\"k-split-first\" style=\"width: 50%;\"><div class=\"k-tags css-1mjzzvr\"><div class=\"k-tag k-none k-closable css-1xxtdue\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-73bv35\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1xxtdue\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-73bv35\"></i></div><div class=\"k-tag k-success k-none k-closable css-1xxtdue\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-73bv35\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1xxtdue\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-73bv35\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1xxtdue\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-73bv35\"></i></div></div></div><div class=\"k-split-line-wrapper\"><div class=\"k-split-line\"><div class=\"k-split-drag-lines\"></div></div></div><div class=\"k-split-last\" style=\"width: auto;\"><div class=\"k-tags k-nowrap css-1mjzzvr\"><div class=\"k-tag k-none k-closable css-1xxtdue\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-73bv35\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1xxtdue\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-73bv35\"></i></div><div class=\"k-tag k-success k-none k-closable css-1xxtdue\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-73bv35\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1xxtdue\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-73bv35\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1xxtdue\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-73bv35\"></i></div><div class=\"k-tag k-none css-1xxtdue\">with tooltip</div><!--portal--></div></div></div>"
|
|
1636
|
+
```
|
|
1637
|
+
|
|
1536
1638
|
## `timeline`
|
|
1537
1639
|
|
|
1538
1640
|
#### `Timeline basic`
|
|
@@ -1558,31 +1660,31 @@
|
|
|
1558
1660
|
#### `Timepicker basic`
|
|
1559
1661
|
|
|
1560
1662
|
```
|
|
1561
|
-
"<div><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1663
|
+
"<div><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal-->You selected: <br><br><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\">请选择时间</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []</div>"
|
|
1562
1664
|
```
|
|
1563
1665
|
|
|
1564
1666
|
#### `Timepicker format`
|
|
1565
1667
|
|
|
1566
1668
|
```
|
|
1567
|
-
"<div><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1669
|
+
"<div><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select css-1k3uw7s\" step=\"00:30:00\" showformat=\"HH:mm\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal--><span>You selected: null</span></div>"
|
|
1568
1670
|
```
|
|
1569
1671
|
|
|
1570
1672
|
#### `Timepicker range`
|
|
1571
1673
|
|
|
1572
1674
|
```
|
|
1573
|
-
"<div><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1675
|
+
"<div><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\">开始时间 ~ 结束时间</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []</div>"
|
|
1574
1676
|
```
|
|
1575
1677
|
|
|
1576
1678
|
#### `Timepicker step`
|
|
1577
1679
|
|
|
1578
1680
|
```
|
|
1579
|
-
"<div><div class=\"k-select time css-1k3uw7s\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1681
|
+
"<div><div class=\"k-select time css-1k3uw7s\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select css-1k3uw7s\" step=\"00:30:00\" min=\"09:00:00\" max=\"18:00:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\">请选择时间</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal-->You selected: []</div>"
|
|
1580
1682
|
```
|
|
1581
1683
|
|
|
1582
1684
|
#### `Timepicker stepRange`
|
|
1583
1685
|
|
|
1584
1686
|
```
|
|
1585
|
-
"<div><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1687
|
+
"<div><div class=\"k-select k-timepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><!--portal-->You selected: null</div>"
|
|
1586
1688
|
```
|
|
1587
1689
|
|
|
1588
1690
|
## `tip`
|
|
@@ -1640,7 +1742,7 @@
|
|
|
1640
1742
|
#### `Tooltip trigger`
|
|
1641
1743
|
|
|
1642
1744
|
```
|
|
1643
|
-
"<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-
|
|
1745
|
+
"<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
1644
1746
|
```
|
|
1645
1747
|
|
|
1646
1748
|
## `transfer`
|
|
@@ -1657,7 +1759,7 @@
|
|
|
1657
1759
|
|
|
1658
1760
|
```
|
|
1659
1761
|
"<div><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1660
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-
|
|
1762
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-1j9tfcu\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"all\"><div class=\"k-select-value c-ellipsis\">全部策略</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1661
1763
|
0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"></div></div></div><p>You selected: []</p></div>"
|
|
1662
1764
|
```
|
|
1663
1765
|
|
|
@@ -1679,8 +1781,8 @@
|
|
|
1679
1781
|
|
|
1680
1782
|
```
|
|
1681
1783
|
"<div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1682
|
-
5</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-with-prefix k-clearable css-
|
|
1683
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-with-prefix k-clearable css-
|
|
1784
|
+
5</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-with-prefix k-clearable css-1j9tfcu\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-ios-search\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名0\"></span><span class=\"k-checkbox-text\"><div><div>主机名0</div><p>前端服务器0 | 192.168.1.0</p></div><!-- react-mount-point-unstable --></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名1\"></span><span class=\"k-checkbox-text\"><div><div>主机名1</div><p>前端服务器1 | 192.168.1.1</p></div><!-- react-mount-point-unstable --></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名2\"></span><span class=\"k-checkbox-text\"><div><div>主机名2</div><p>前端服务器2 | 192.168.1.2</p></div><!-- react-mount-point-unstable --></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"主机名3\"></span><span class=\"k-checkbox-text\"><div><div>主机名3</div><p>前端服务器3 | 192.168.1.3</p></div><!-- react-mount-point-unstable --></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名4\"></span><span class=\"k-checkbox-text\"><div><div>主机名4</div><p>前端服务器4 | 192.168.1.4</p></div><!-- react-mount-point-unstable --></span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1785
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-with-prefix k-clearable css-1j9tfcu\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-ios-search\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
|
|
1684
1786
|
```
|
|
1685
1787
|
|
|
1686
1788
|
#### `Transfer leftChecked`
|
|
@@ -1738,7 +1840,7 @@
|
|
|
1738
1840
|
#### `Tree filterable`
|
|
1739
1841
|
|
|
1740
1842
|
```
|
|
1741
|
-
"<div><div class=\"k-input css-
|
|
1843
|
+
"<div><div class=\"k-input css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter keywords to filter node.\"></div></div><div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
|
|
1742
1844
|
```
|
|
1743
1845
|
|
|
1744
1846
|
#### `Tree loading`
|
|
@@ -1776,7 +1878,7 @@
|
|
|
1776
1878
|
#### `TreeSelect filter`
|
|
1777
1879
|
|
|
1778
1880
|
```
|
|
1779
|
-
"<div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1881
|
+
"<div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1j9tfcu\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
1780
1882
|
```
|
|
1781
1883
|
|
|
1782
1884
|
#### `TreeSelect load`
|
|
@@ -1829,6 +1931,20 @@
|
|
|
1829
1931
|
"<div class=\"k-upload css-q7vnmk\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">选择文件</button></div><div class=\"k-upload-tip\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">开始上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
|
|
1830
1932
|
```
|
|
1831
1933
|
|
|
1934
|
+
## `copy`
|
|
1935
|
+
|
|
1936
|
+
#### `Copy basic`
|
|
1937
|
+
|
|
1938
|
+
```
|
|
1939
|
+
"<i class=\"k-icon k-hoverable k-icon-clone k-copy css-t3aops css-73bv35\" title=\"复制\"></i>"
|
|
1940
|
+
```
|
|
1941
|
+
|
|
1942
|
+
#### `Copy children`
|
|
1943
|
+
|
|
1944
|
+
```
|
|
1945
|
+
"<div><span class=\"k-copy css-t3aops\">Copy</span><button class=\"k-btn k-copy css-t3aops css-55gqps\" tabindex=\"0\" type=\"button\">Copy</button><button class=\"k-btn k-link k-mini k-copy css-t3aops css-55gqps\" tabindex=\"0\" type=\"button\">Copy</button><i class=\"k-icon k-hoverable ion-ios-copy k-copy css-t3aops k-large css-73bv35\"></i><button class=\"k-btn k-btn-icon k-copy css-t3aops k-circle css-55gqps\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-copy-outline css-73bv35\"></i></button></div>"
|
|
1946
|
+
```
|
|
1947
|
+
|
|
1832
1948
|
## `wave`
|
|
1833
1949
|
|
|
1834
1950
|
#### `Wave button`
|