@king-design/vue 3.4.3 → 3.4.5
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__/Vue Next Demos.md +162 -150
- package/components/button/group.d.ts +1 -0
- package/components/button/group.js +4 -0
- package/components/button/group.vdt.js +3 -2
- package/components/button/styles.js +3 -3
- package/components/table/cell.d.ts +1 -0
- package/components/table/cell.vdt.js +5 -3
- package/components/table/column.vdt.js +15 -12
- package/components/table/row.d.ts +1 -0
- package/components/table/row.vdt.js +4 -2
- package/components/table/styles.d.ts +49 -0
- package/components/table/styles.js +2 -1
- package/components/table/table.d.ts +1 -0
- package/components/table/table.js +1 -0
- package/components/table/table.vdt.js +11 -2
- package/components/table/useColumns.d.ts +9 -0
- package/components/table/useColumns.js +29 -1
- package/components/tip/index.d.ts +6 -1
- package/components/tip/index.js +12 -1
- package/components/tip/index.vdt.js +25 -5
- package/components/tip/styles.js +44 -2
- package/components/tooltip/tooltip.js +5 -1
- package/components/transfer/index.vdt.js +2 -4
- package/components/upload/index.vdt.js +4 -1
- package/components/upload/styles.js +1 -1
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/install.js +6 -1
- package/package.json +2 -2
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
#### `Button group`
|
|
64
64
|
|
|
65
65
|
```
|
|
66
|
-
"<div><div class=\"k-btns css-
|
|
66
|
+
"<div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-danger css-h31bz\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-danger css-h31bz\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-danger css-h31bz\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-flat css-h31bz\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-flat css-h31bz\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-flat css-h31bz\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-primary css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i>上一页 </button><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> 下一页<i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><br><br><p>纵向按钮组</p><div class=\"k-btns k-vertical css-z9s2vw\"><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">重启</button></div><br><br><p>单选按钮组</p><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-flat k-active css-h31bz\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-h31bz\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-h31bz\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-h31bz\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><p>多选按钮组</p><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default css-h31bz\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div><p>有间隔的按钮组</p><div class=\"k-btns k-separate css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns k-separate css-z9s2vw\"><button class=\"k-btn k-primary k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">北京</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">上海</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">广州</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">深圳</button></div><p>支持自定义ButtonGroup下的Button宽度</p><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\" style=\"width: px;\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\" style=\"width: px;\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\" style=\"width: px;\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\" style=\"width: px;\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div>"
|
|
67
67
|
```
|
|
68
68
|
|
|
69
69
|
#### `Button icon`
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
#### `Cascader filterable`
|
|
178
178
|
|
|
179
179
|
```
|
|
180
|
-
"<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-
|
|
180
|
+
"<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请输入或选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
181
181
|
```
|
|
182
182
|
|
|
183
183
|
#### `Cascader loadData`
|
|
@@ -293,13 +293,13 @@
|
|
|
293
293
|
#### `Config basic`
|
|
294
294
|
|
|
295
295
|
```
|
|
296
|
-
"<button class=\"kd-btn kd-default css-pa5v0t\" tabindex=\"0\" type=\"button\">Button</button><div style=\"margin-top: 8px;\"><div class=\"kd-input css-
|
|
296
|
+
"<button class=\"kd-btn kd-default css-pa5v0t\" tabindex=\"0\" type=\"button\">Button</button><div style=\"margin-top: 8px;\"><div class=\"kd-input css-1uf086h\"><div class=\"kd-input-wrapper\"><input class=\"kd-input-inner\"></div></div></div>"
|
|
297
297
|
```
|
|
298
298
|
|
|
299
299
|
#### `Config disableWave`
|
|
300
300
|
|
|
301
301
|
```
|
|
302
|
-
"<button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Button</button><div class=\"k-input css-
|
|
302
|
+
"<button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Button</button><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">checkbox</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-radio-text\">radio</span></label><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
|
|
303
303
|
```
|
|
304
304
|
|
|
305
305
|
## `copy`
|
|
@@ -321,61 +321,61 @@
|
|
|
321
321
|
#### `Datepicker basic`
|
|
322
322
|
|
|
323
323
|
```
|
|
324
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
324
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-flat k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline k-flat css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled k-datepicker css-1ti24q0\" 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-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
325
325
|
```
|
|
326
326
|
|
|
327
327
|
#### `Datepicker clearable`
|
|
328
328
|
|
|
329
329
|
```
|
|
330
|
-
"<div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
330
|
+
"<div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal-->"
|
|
331
331
|
```
|
|
332
332
|
|
|
333
333
|
#### `Datepicker datetime`
|
|
334
334
|
|
|
335
335
|
```
|
|
336
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
336
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
337
337
|
```
|
|
338
338
|
|
|
339
339
|
#### `Datepicker disabledDate`
|
|
340
340
|
|
|
341
341
|
```
|
|
342
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
342
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
343
343
|
```
|
|
344
344
|
|
|
345
345
|
#### `Datepicker format`
|
|
346
346
|
|
|
347
347
|
```
|
|
348
|
-
"<div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
348
|
+
"<div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--> value: </div></div>"
|
|
349
349
|
```
|
|
350
350
|
|
|
351
351
|
#### `Datepicker maxMin`
|
|
352
352
|
|
|
353
353
|
```
|
|
354
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
354
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
355
355
|
```
|
|
356
356
|
|
|
357
357
|
#### `Datepicker multiple`
|
|
358
358
|
|
|
359
359
|
```
|
|
360
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
360
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择日期</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择日期和时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择年份</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择月份</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始日期 ~ 结束日期</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始时间 ~ 结束时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br></div>"
|
|
361
361
|
```
|
|
362
362
|
|
|
363
363
|
#### `Datepicker range`
|
|
364
364
|
|
|
365
365
|
```
|
|
366
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
366
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br></div>"
|
|
367
367
|
```
|
|
368
368
|
|
|
369
369
|
#### `Datepicker shortcuts`
|
|
370
370
|
|
|
371
371
|
```
|
|
372
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
372
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
373
373
|
```
|
|
374
374
|
|
|
375
375
|
#### `Datepicker yearMonth`
|
|
376
376
|
|
|
377
377
|
```
|
|
378
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
378
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
379
379
|
```
|
|
380
380
|
|
|
381
381
|
## `descriptions`
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
#### `Diagram basic`
|
|
404
404
|
|
|
405
405
|
```
|
|
406
|
-
"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(
|
|
406
|
+
"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(76,6)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"41\" height=\"49\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 42px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\"><h2>hello</h2></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 40 106 L 80 146 L 40 186 L 0 146 Z\" fill=\"#ffffff\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g style=\"\"><g transform=\"translate(26,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"29\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 30px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">world</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><ellipse cx=\"152\" cy=\"146\" rx=\"40\" ry=\"40\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></ellipse></g><g style=\"\"><g transform=\"translate(143,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"19\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 20px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">kpc</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 40 104.88 L 36.5 97.88 L 40 99.63 L 43.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 152 104.88 L 148.5 97.88 L 152 99.63 L 155.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
|
|
407
407
|
```
|
|
408
408
|
|
|
409
409
|
#### `Diagram children`
|
|
@@ -459,13 +459,13 @@
|
|
|
459
459
|
#### `Dialog size`
|
|
460
460
|
|
|
461
461
|
```
|
|
462
|
-
"<div><div class=\"k-btns css-
|
|
462
|
+
"<div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show large Dialog</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show default Dialog</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show small Dialog</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show mini Dialog</button><!--portal--></div><br><br><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show 300px wide dialog</button><!--portal--></div>"
|
|
463
463
|
```
|
|
464
464
|
|
|
465
465
|
#### `Dialog static`
|
|
466
466
|
|
|
467
467
|
```
|
|
468
|
-
"<div><div class=\"k-btns css-
|
|
468
|
+
"<div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show Success Dialog</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show Warning Dialog</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show Error Dialog</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show Confirm Dialog</button></div><br><br><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show Success Dialog with Title</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show Warning Dialog with Title</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show Error Dialog with Title</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Show Confirm Dialog with Title</button></div><br><br><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">异步关闭confirm弹层</button></div>"
|
|
469
469
|
```
|
|
470
470
|
|
|
471
471
|
#### `Dialog terminate`
|
|
@@ -523,7 +523,7 @@
|
|
|
523
523
|
#### `Drawer placement`
|
|
524
524
|
|
|
525
525
|
```
|
|
526
|
-
"<div><div class=\"k-btns css-
|
|
526
|
+
"<div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default placement-btn css-h31bz\" tabindex=\"0\" type=\"button\">从上侧出现</button><button class=\"k-btn k-default placement-btn css-h31bz\" tabindex=\"0\" type=\"button\">从下侧出现</button><button class=\"k-btn k-default placement-btn css-h31bz\" tabindex=\"0\" type=\"button\">从左侧出现</button><button class=\"k-btn k-default placement-btn css-h31bz\" tabindex=\"0\" type=\"button\">从右侧出现</button></div><!--portal--></div>"
|
|
527
527
|
```
|
|
528
528
|
|
|
529
529
|
## `dropdown`
|
|
@@ -573,7 +573,7 @@
|
|
|
573
573
|
#### `Dropdown trigger`
|
|
574
574
|
|
|
575
575
|
```
|
|
576
|
-
"<div><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><div class=\"k-input css-
|
|
576
|
+
"<div><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
577
577
|
```
|
|
578
578
|
|
|
579
579
|
## `editable`
|
|
@@ -627,37 +627,37 @@
|
|
|
627
627
|
#### `Form basic`
|
|
628
628
|
|
|
629
629
|
```
|
|
630
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
630
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-zzqsx1\" 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-zzqsx1\" 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-zzqsx1\" 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-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-1kd39ob\" 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-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-type-textarea k-resize-vertical css-wa3w05\"><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-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\" style=\"margin-left: 8px;\">重置</button></div></div></form>"
|
|
631
631
|
```
|
|
632
632
|
|
|
633
633
|
#### `Form custom`
|
|
634
634
|
|
|
635
635
|
```
|
|
636
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1trczha\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-
|
|
636
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1trczha\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-1trczha\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
|
|
637
637
|
```
|
|
638
638
|
|
|
639
639
|
#### `Form label`
|
|
640
640
|
|
|
641
641
|
```
|
|
642
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
642
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><i class=\"ion-person\"></i> 姓名</label><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
|
|
643
643
|
```
|
|
644
644
|
|
|
645
645
|
#### `Form layout`
|
|
646
646
|
|
|
647
647
|
```
|
|
648
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-
|
|
648
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
|
|
649
649
|
```
|
|
650
650
|
|
|
651
651
|
#### `Form remote`
|
|
652
652
|
|
|
653
653
|
```
|
|
654
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
654
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
|
|
655
655
|
```
|
|
656
656
|
|
|
657
657
|
#### `Form variable`
|
|
658
658
|
|
|
659
659
|
```
|
|
660
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><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-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-
|
|
660
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><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-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><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-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div></div></div></div></form>"
|
|
661
661
|
```
|
|
662
662
|
|
|
663
663
|
## `grid`
|
|
@@ -741,79 +741,79 @@
|
|
|
741
741
|
#### `Input autoRows`
|
|
742
742
|
|
|
743
743
|
```
|
|
744
|
-
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-none css-
|
|
744
|
+
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-none css-wa3w05\"><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-type-textarea k-resize-none css-wa3w05\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 68px;\"></textarea></div></div></div>"
|
|
745
745
|
```
|
|
746
746
|
|
|
747
747
|
#### `Input autowidth`
|
|
748
748
|
|
|
749
749
|
```
|
|
750
|
-
"<div><div class=\"k-input k-auto-width css-
|
|
750
|
+
"<div><div class=\"k-input k-auto-width css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" style=\"width: px;\"><div class=\"k-input-fake\"><span>auto width</span></div></div></div><br><br><div class=\"k-input k-auto-width css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" value=\"default value\" style=\"width: px;\"><div class=\"k-input-fake\"><span>default value</span></div></div></div></div>"
|
|
751
751
|
```
|
|
752
752
|
|
|
753
753
|
#### `Input basic`
|
|
754
754
|
|
|
755
755
|
```
|
|
756
|
-
"<div><div class=\"k-input css-
|
|
756
|
+
"<div><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div></div> <br><div class=\"k-input k-disabled css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"disabled\" disabled=\"\"></div></div></div>"
|
|
757
757
|
```
|
|
758
758
|
|
|
759
759
|
#### `Input blocks`
|
|
760
760
|
|
|
761
761
|
```
|
|
762
|
-
"<div><div class=\"k-input k-group css-
|
|
762
|
+
"<div><div class=\"k-input k-group css-wa3w05\"><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><br><div class=\"k-input k-group css-wa3w05\"><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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button></div></div><br><div class=\"k-input k-group css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">提交</button></div></div><br><div class=\"k-input k-group css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">提交</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">创建</button></div></div></div><br><div class=\"k-input k-group css-wa3w05\"><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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button></div></div><br><div class=\"k-input k-group css-wa3w05\"><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-h31bz\" tabindex=\"0\" type=\"button\">搜索</button></div></div><br><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div><br><div class=\"k-input k-group css-wa3w05\"><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-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div><div class=\"k-input-append k-input-padding\">.com</div></div></div>"
|
|
763
763
|
```
|
|
764
764
|
|
|
765
765
|
#### `Input clearable`
|
|
766
766
|
|
|
767
767
|
```
|
|
768
|
-
"<div><div class=\"k-input k-clearable css-
|
|
768
|
+
"<div><div class=\"k-input k-clearable css-wa3w05\"><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 k-icon-error-fill css-16qej3\"></i> </div></div></div><br><div class=\"k-input k-disabled k-clearable css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"disabled\"></div></div><br><div class=\"k-input k-clearable css-wa3w05\"><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 k-icon-error-fill css-16qej3\"></i> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div><br><div class=\"k-input k-clearable k-stack-clear css-wa3w05\"><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 k-icon-error-fill css-16qej3\"></i> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div></div>"
|
|
769
769
|
```
|
|
770
770
|
|
|
771
771
|
#### `Input flat`
|
|
772
772
|
|
|
773
773
|
```
|
|
774
|
-
"<div><div class=\"k-input k-flat css-
|
|
774
|
+
"<div><div class=\"k-input k-flat css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\"></div></div><br><br><div class=\"k-input k-disabled k-flat css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" disabled=\"\" value=\"disabled\"></div></div></div>"
|
|
775
775
|
```
|
|
776
776
|
|
|
777
777
|
#### `Input frozen`
|
|
778
778
|
|
|
779
779
|
```
|
|
780
|
-
"<div><div class=\"k-input css-
|
|
780
|
+
"<div><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div><br><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div></div>"
|
|
781
781
|
```
|
|
782
782
|
|
|
783
783
|
#### `Input inline`
|
|
784
784
|
|
|
785
785
|
```
|
|
786
|
-
"<div class=\"k-input k-inline css-
|
|
786
|
+
"<div class=\"k-input k-inline css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"内联文字\"></div></div>"
|
|
787
787
|
```
|
|
788
788
|
|
|
789
789
|
#### `Input password`
|
|
790
790
|
|
|
791
791
|
```
|
|
792
|
-
"<div class=\"k-input css-
|
|
792
|
+
"<div class=\"k-input css-wa3w05\"><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 k-icon-hidden css-16qej3\"></i> </div></div></div>"
|
|
793
793
|
```
|
|
794
794
|
|
|
795
795
|
#### `Input search`
|
|
796
796
|
|
|
797
797
|
```
|
|
798
|
-
"<div><form class=\"k-search k-hide k-default css-1pzlpaw\"><div class=\"k-input k-clearable css-
|
|
798
|
+
"<div><form class=\"k-search k-hide k-default css-1pzlpaw\"><div class=\"k-input k-clearable css-wa3w05\"><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 k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-16qej3\"></i></button></form><br><form class=\"k-search k-hide k-line css-1pzlpaw\"><div class=\"k-input k-clearable css-wa3w05\"><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 k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-16qej3\"></i></button></form></div>"
|
|
799
799
|
```
|
|
800
800
|
|
|
801
801
|
#### `Input showCount`
|
|
802
802
|
|
|
803
803
|
```
|
|
804
|
-
"<div><div class=\"k-input css-
|
|
804
|
+
"<div><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\"><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0</span></div></div></div><br><br><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" maxlength=\"10\"><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0<span> / 10</span></span></div></div></div><br><br><div class=\"k-input k-type-textarea k-resize-vertical css-wa3w05\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" maxlength=\"100\" rows=\"2\"></textarea><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0<span> / 100</span></span></div></div></div></div>"
|
|
805
805
|
```
|
|
806
806
|
|
|
807
807
|
#### `Input size`
|
|
808
808
|
|
|
809
809
|
```
|
|
810
|
-
"<div><div class=\"k-input k-large css-
|
|
810
|
+
"<div><div class=\"k-input k-large css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"large\"></div></div><br><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"default\"></div></div><br><div class=\"k-input k-small css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"small\"></div></div><br><div class=\"k-input k-small k-group css-wa3w05\"><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><br><div class=\"k-input k-small k-group css-wa3w05\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon k-icon-search k-small css-16qej3\"></i></button></div></div><br><div class=\"k-input k-small k-group k-clearable css-wa3w05\"><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 k-icon-error-fill css-16qej3\"></i> </div></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary css-h31bz\" tabindex=\"0\" type=\"button\">Search</button></div></div><br><div class=\"k-input k-mini css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"mini\"></div></div><br><div class=\"k-input k-mini k-type-textarea k-resize-none css-wa3w05\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"1\" style=\"height: 20px;\">textarea auto mini</textarea></div></div><br><div class=\"k-input k-small k-type-textarea k-resize-none css-wa3w05\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"1\" style=\"height: 22px;\">textarea auto small</textarea></div></div><br><div class=\"k-input k-type-textarea k-resize-none css-wa3w05\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"1\" style=\"height: 32px;\">textarea auto default</textarea></div></div><br><div class=\"k-input k-large k-type-textarea k-resize-none css-wa3w05\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"1\" style=\"height: 37px;\">textarea auto large</textarea></div></div></div>"
|
|
811
811
|
```
|
|
812
812
|
|
|
813
813
|
#### `Input textarea`
|
|
814
814
|
|
|
815
815
|
```
|
|
816
|
-
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-
|
|
816
|
+
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-wa3w05\"><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-type-textarea k-resize-vertical css-wa3w05\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"5\"></textarea></div></div></div>"
|
|
817
817
|
```
|
|
818
818
|
|
|
819
819
|
## `layout`
|
|
@@ -845,7 +845,7 @@
|
|
|
845
845
|
#### `Layout theme`
|
|
846
846
|
|
|
847
847
|
```
|
|
848
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-1b0q9ji\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-light css-1wk1cze\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div> 切换主题：<div class=\"k-btns css-
|
|
848
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-1b0q9ji\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-light css-1wk1cze\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div> 切换主题：<div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div></div>"
|
|
849
849
|
```
|
|
850
850
|
|
|
851
851
|
## `menu`
|
|
@@ -889,19 +889,19 @@
|
|
|
889
889
|
#### `Menu showCollapseArrow`
|
|
890
890
|
|
|
891
891
|
```
|
|
892
|
-
"<div><div class=\"k-btns css-
|
|
892
|
+
"<div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-checked k-default css-1kd39ob\" tabindex=\"0\" style=\"width: px;\"><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: 110px;\">展示折叠按钮</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-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-small k-vertical css-g3l0a0\"><div class=\"k-menu-header css-14asjef\"> 自定义Header </div><div class=\"k-menu-arrow-box\"><i class=\"k-icon k-menu-arrow ion-arrow-left-b css-16qej3\"></i></div><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 0</span></div></div></div></div></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-14asjef\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">title 1</div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 3menu 3menu 3menu 3menu 3menu 3</span></div></div></div></div></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-14asjef\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">title 2</div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 6 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-boowsa k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 7 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-w16crk k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-divider k-light k-horizontal k-default css-1ewnbs divider-style\"></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 8</span></div></div></div></div></div></div></div></div>"
|
|
893
893
|
```
|
|
894
894
|
|
|
895
895
|
#### `Menu size`
|
|
896
896
|
|
|
897
897
|
```
|
|
898
|
-
"<div><div class=\"k-switch k-default css-1kd39ob\" tabindex=\"0\" style=\"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-btns css-
|
|
898
|
+
"<div><div class=\"k-switch k-default css-1kd39ob\" tabindex=\"0\" style=\"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-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-1kd39ob\" tabindex=\"0\" style=\"width: px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">vertical</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 100px;\">horizontal</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-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-large k-vertical css-g3l0a0\"><div class=\"k-menu-header css-14asjef\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1k8qtgp k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div>"
|
|
899
899
|
```
|
|
900
900
|
|
|
901
901
|
#### `Menu theme`
|
|
902
902
|
|
|
903
903
|
```
|
|
904
|
-
"<div><div class=\"k-btns css-
|
|
904
|
+
"<div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-vertical css-g3l0a0\"><div class=\"k-menu-header css-14asjef\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div>"
|
|
905
905
|
```
|
|
906
906
|
|
|
907
907
|
## `message`
|
|
@@ -909,19 +909,19 @@
|
|
|
909
909
|
#### `Message basic`
|
|
910
910
|
|
|
911
911
|
```
|
|
912
|
-
"<div class=\"k-btns css-
|
|
912
|
+
"<div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">success</button></div>"
|
|
913
913
|
```
|
|
914
914
|
|
|
915
915
|
#### `Message config`
|
|
916
916
|
|
|
917
917
|
```
|
|
918
|
-
"<div class=\"k-btns css-
|
|
918
|
+
"<div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">success</button></div>"
|
|
919
919
|
```
|
|
920
920
|
|
|
921
921
|
#### `Message duration`
|
|
922
922
|
|
|
923
923
|
```
|
|
924
|
-
"<div class=\"k-btns css-
|
|
924
|
+
"<div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">close after 10s</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">stick message</button></div>"
|
|
925
925
|
```
|
|
926
926
|
|
|
927
927
|
## `pagination`
|
|
@@ -929,49 +929,49 @@
|
|
|
929
929
|
#### `Pagination basic`
|
|
930
930
|
|
|
931
931
|
```
|
|
932
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-
|
|
932
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
933
933
|
```
|
|
934
934
|
|
|
935
935
|
#### `Pagination counts`
|
|
936
936
|
|
|
937
937
|
```
|
|
938
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-
|
|
938
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">8<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
939
939
|
```
|
|
940
940
|
|
|
941
941
|
#### `Pagination current`
|
|
942
942
|
|
|
943
943
|
```
|
|
944
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-
|
|
944
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><br><br><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
945
945
|
```
|
|
946
946
|
|
|
947
947
|
#### `Pagination disable`
|
|
948
948
|
|
|
949
949
|
```
|
|
950
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-
|
|
950
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"10\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
951
951
|
```
|
|
952
952
|
|
|
953
953
|
#### `Pagination flat`
|
|
954
954
|
|
|
955
955
|
```
|
|
956
|
-
"<div><div class=\"k-pagination k-large k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-
|
|
956
|
+
"<div><div class=\"k-pagination k-large k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large k-flat css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-large k-flat css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-flat css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-flat css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-small k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small k-flat css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-small k-flat css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-mini k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini k-flat css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-mini k-flat css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
957
957
|
```
|
|
958
958
|
|
|
959
959
|
#### `Pagination goto`
|
|
960
960
|
|
|
961
961
|
```
|
|
962
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-
|
|
962
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
963
963
|
```
|
|
964
964
|
|
|
965
965
|
#### `Pagination simple`
|
|
966
966
|
|
|
967
967
|
```
|
|
968
|
-
"<div><div class=\"k-pagination k-large k-simple css-aujuho\"><div class=\"k-btns css-
|
|
968
|
+
"<div><div class=\"k-pagination k-large k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-large k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-small k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-mini k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
|
|
969
969
|
```
|
|
970
970
|
|
|
971
971
|
#### `Pagination size`
|
|
972
972
|
|
|
973
973
|
```
|
|
974
|
-
"<div><div class=\"k-pagination k-large css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-
|
|
974
|
+
"<div><div class=\"k-pagination k-large css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-small css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-mini css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
975
975
|
```
|
|
976
976
|
|
|
977
977
|
#### `Pagination noBoard`
|
|
@@ -1009,7 +1009,7 @@
|
|
|
1009
1009
|
#### `Popover type`
|
|
1010
1010
|
|
|
1011
1011
|
```
|
|
1012
|
-
"<div><div class=\"k-btns css-
|
|
1012
|
+
"<div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" data-type=\"info\" tabindex=\"0\" type=\"button\">info</button><!--portal--><button class=\"k-btn k-default css-h31bz\" data-type=\"success\" tabindex=\"0\" type=\"button\">success</button><!--portal--><button class=\"k-btn k-default css-h31bz\" data-type=\"error\" tabindex=\"0\" type=\"button\">error</button><!--portal--><button class=\"k-btn k-default css-h31bz\" data-type=\"warning\" tabindex=\"0\" type=\"button\">warning</button><!--portal--></div></div>"
|
|
1013
1013
|
```
|
|
1014
1014
|
|
|
1015
1015
|
## `progress`
|
|
@@ -1023,7 +1023,7 @@
|
|
|
1023
1023
|
#### `Progress children`
|
|
1024
1024
|
|
|
1025
1025
|
```
|
|
1026
|
-
"<div><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><div style=\"font-size: 14px; line-height: 20px;\"> 正在上传<br> 40% </div></div></div><div class=\"k-btns css-
|
|
1026
|
+
"<div><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><div style=\"font-size: 14px; line-height: 20px;\"> 正在上传<br> 40% </div></div></div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">+</button></div></div>"
|
|
1027
1027
|
```
|
|
1028
1028
|
|
|
1029
1029
|
#### `Progress circle`
|
|
@@ -1035,13 +1035,13 @@
|
|
|
1035
1035
|
#### `Progress circleSize`
|
|
1036
1036
|
|
|
1037
1037
|
```
|
|
1038
|
-
"<div> 状态： <div class=\"k-btns css-
|
|
1038
|
+
"<div> 状态： <div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">active<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">success<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">error<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">normal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">warning<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div> 进度： <div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">+</button></div><br> <br><div class=\"k-progress k-circle k-active css-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></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-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></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-1rcjjev\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"57\" stroke-dashoffset=\"214.88493750554184\" stroke-dasharray=\"358.1415625092364\" stroke-width=\"6\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"57\" stroke-width=\"6\" stroke-dasharray=\"358.1415625092364\" stroke-dashoffset=\"358.1415625092364\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"358.1415625092364\" to=\"214.88493750554184\"></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>"
|
|
1039
1039
|
```
|
|
1040
1040
|
|
|
1041
1041
|
#### `Progress customColor`
|
|
1042
1042
|
|
|
1043
1043
|
```
|
|
1044
|
-
"<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(255, 152, 0);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(156, 214, 251);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(209, 253, 213);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-btns css-
|
|
1044
|
+
"<div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(255, 152, 0);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(156, 214, 251);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-progress k-bar k-active css-1rcjjev\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 25%; background: rgb(209, 253, 213);\"></div></div></div><div class=\"k-progress-text\"><span>25%</span></div></div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">-</button><button class=\"k-btn k-mini k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">+</button></div></div>"
|
|
1045
1045
|
```
|
|
1046
1046
|
|
|
1047
1047
|
#### `Progress innerText`
|
|
@@ -1180,14 +1180,14 @@
|
|
|
1180
1180
|
#### `Select creatable`
|
|
1181
1181
|
|
|
1182
1182
|
```
|
|
1183
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1184
|
-
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1183
|
+
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--> Day: <br><br><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
|
|
1184
|
+
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请输入或选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> Days: []</div>"
|
|
1185
1185
|
```
|
|
1186
1186
|
|
|
1187
1187
|
#### `Select custom`
|
|
1188
1188
|
|
|
1189
1189
|
```
|
|
1190
|
-
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1190
|
+
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
|
|
1191
1191
|
```
|
|
1192
1192
|
|
|
1193
1193
|
#### `Select customMenu`
|
|
@@ -1199,7 +1199,7 @@
|
|
|
1199
1199
|
#### `Select disabled`
|
|
1200
1200
|
|
|
1201
1201
|
```
|
|
1202
|
-
"<div><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-disabled k-fluid k-inline css-
|
|
1202
|
+
"<div><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-disabled k-fluid k-inline css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" disabled=\"\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期一<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期二<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1203
1203
|
```
|
|
1204
1204
|
|
|
1205
1205
|
#### `Select draggable`
|
|
@@ -1212,7 +1212,7 @@
|
|
|
1212
1212
|
#### `Select filterable`
|
|
1213
1213
|
|
|
1214
1214
|
```
|
|
1215
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1215
|
+
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--> <div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1216
1216
|
```
|
|
1217
1217
|
|
|
1218
1218
|
#### `Select flat`
|
|
@@ -1230,13 +1230,13 @@
|
|
|
1230
1230
|
#### `Select group`
|
|
1231
1231
|
|
|
1232
1232
|
```
|
|
1233
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1233
|
+
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1234
1234
|
```
|
|
1235
1235
|
|
|
1236
1236
|
#### `Select immutable`
|
|
1237
1237
|
|
|
1238
1238
|
```
|
|
1239
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Tuesday,Sunday,Wednesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none css-1weg519\">星期二</div><div class=\"k-tag k-none k-closable css-1weg519\">星期天<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1239
|
+
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Tuesday,Sunday,Wednesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none css-1weg519\">星期二</div><div class=\"k-tag k-none k-closable css-1weg519\">星期天<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><span></span></div></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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> You selected: [\"Tuesday\",\"Sunday\",\"Wednesday\"]</div>"
|
|
1240
1240
|
```
|
|
1241
1241
|
|
|
1242
1242
|
#### `Select inline`
|
|
@@ -1255,13 +1255,13 @@
|
|
|
1255
1255
|
|
|
1256
1256
|
```
|
|
1257
1257
|
"<div><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期四<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
|
|
1258
|
-
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1258
|
+
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><span></span></div></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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1259
1259
|
```
|
|
1260
1260
|
|
|
1261
1261
|
#### `Select remote`
|
|
1262
1262
|
|
|
1263
1263
|
```
|
|
1264
|
-
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1264
|
+
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
|
|
1265
1265
|
```
|
|
1266
1266
|
|
|
1267
1267
|
#### `Select searchable`
|
|
@@ -1319,19 +1319,19 @@
|
|
|
1319
1319
|
#### `Slider basic`
|
|
1320
1320
|
|
|
1321
1321
|
```
|
|
1322
|
-
"<div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1322
|
+
"<div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"60MB\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
|
|
1323
1323
|
```
|
|
1324
1324
|
|
|
1325
1325
|
#### `Slider disabled`
|
|
1326
1326
|
|
|
1327
1327
|
```
|
|
1328
|
-
"<div><div class=\"k-slider k-disabled css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-
|
|
1328
|
+
"<div><div class=\"k-slider k-disabled css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-o1x0o9 css-7sngro\" 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 class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"55\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"80\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1329
1329
|
```
|
|
1330
1330
|
|
|
1331
1331
|
#### `Slider dynamicStep`
|
|
1332
1332
|
|
|
1333
1333
|
```
|
|
1334
|
-
"<div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1334
|
+
"<div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
|
|
1335
1335
|
```
|
|
1336
1336
|
|
|
1337
1337
|
#### `Slider marks`
|
|
@@ -1343,25 +1343,25 @@
|
|
|
1343
1343
|
#### `Slider points`
|
|
1344
1344
|
|
|
1345
1345
|
```
|
|
1346
|
-
"<div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-o1x0o9 css-7sngro\" 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 class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1346
|
+
"<div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-o1x0o9 css-7sngro\" 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 class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.3\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.6\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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>"
|
|
1347
1347
|
```
|
|
1348
1348
|
|
|
1349
1349
|
#### `Slider range`
|
|
1350
1350
|
|
|
1351
1351
|
```
|
|
1352
|
-
"<div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-o1x0o9 css-7sngro\" 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 class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1352
|
+
"<div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-o1x0o9 css-7sngro\" 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 class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"76\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
|
|
1353
1353
|
```
|
|
1354
1354
|
|
|
1355
1355
|
#### `Slider step`
|
|
1356
1356
|
|
|
1357
1357
|
```
|
|
1358
|
-
"<div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1358
|
+
"<div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.234234\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1359
1359
|
```
|
|
1360
1360
|
|
|
1361
1361
|
#### `Slider tooltip`
|
|
1362
1362
|
|
|
1363
1363
|
```
|
|
1364
|
-
"<div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1364
|
+
"<div><div class=\"k-slider css-1a62bpu\"><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-o1x0o9 css-7sngro\" 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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">6<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 10.6015625px\"></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-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 55.5556%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 55.5556%;\"><div class=\"k-slider-thumb k-dropdown-open k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-light k-small k-slider-tooltip css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -5.80469px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.8046875px\"></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-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1365
1365
|
```
|
|
1366
1366
|
|
|
1367
1367
|
## `spin`
|
|
@@ -1375,7 +1375,7 @@
|
|
|
1375
1375
|
#### `Spin overlay`
|
|
1376
1376
|
|
|
1377
1377
|
```
|
|
1378
|
-
"<div class=\"wrapper\"><div class=\"k-table css-
|
|
1378
|
+
"<div class=\"wrapper\"><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-7spqir\"><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>"
|
|
1379
1379
|
```
|
|
1380
1380
|
|
|
1381
1381
|
## `spinner`
|
|
@@ -1383,49 +1383,49 @@
|
|
|
1383
1383
|
#### `Spinner basic`
|
|
1384
1384
|
|
|
1385
1385
|
```
|
|
1386
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1386
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-disabled css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1387
1387
|
```
|
|
1388
1388
|
|
|
1389
1389
|
#### `Spinner dynamicStep`
|
|
1390
1390
|
|
|
1391
1391
|
```
|
|
1392
|
-
"<div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1392
|
+
"<div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div>"
|
|
1393
1393
|
```
|
|
1394
1394
|
|
|
1395
1395
|
#### `Spinner forceStep`
|
|
1396
1396
|
|
|
1397
1397
|
```
|
|
1398
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1398
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1399
1399
|
```
|
|
1400
1400
|
|
|
1401
1401
|
#### `Spinner formatter`
|
|
1402
1402
|
|
|
1403
1403
|
```
|
|
1404
|
-
"<div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1404
|
+
"<div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"￥1,000\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"增长率 78%\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div>"
|
|
1405
1405
|
```
|
|
1406
1406
|
|
|
1407
1407
|
#### `Spinner precision`
|
|
1408
1408
|
|
|
1409
1409
|
```
|
|
1410
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1410
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1411
1411
|
```
|
|
1412
1412
|
|
|
1413
1413
|
#### `Spinner size`
|
|
1414
1414
|
|
|
1415
1415
|
```
|
|
1416
|
-
"<div><div class=\"k-spinner k-large css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-
|
|
1416
|
+
"<div><div class=\"k-spinner k-large css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-small css-mi4xql\"><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-small k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-mini css-mi4xql\"><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-mini k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1417
1417
|
```
|
|
1418
1418
|
|
|
1419
1419
|
#### `Spinner step`
|
|
1420
1420
|
|
|
1421
1421
|
```
|
|
1422
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1422
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1423
1423
|
```
|
|
1424
1424
|
|
|
1425
1425
|
#### `Spinner vertical`
|
|
1426
1426
|
|
|
1427
1427
|
```
|
|
1428
|
-
"<div><div class=\"k-spinner k-large k-vertical css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-
|
|
1428
|
+
"<div><div class=\"k-spinner k-large k-vertical css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-small k-vertical css-mi4xql\"><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-small k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-mini k-vertical css-mi4xql\"><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-mini k-spinner-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div>"
|
|
1429
1429
|
```
|
|
1430
1430
|
|
|
1431
1431
|
## `split`
|
|
@@ -1439,7 +1439,7 @@
|
|
|
1439
1439
|
#### `Split complex`
|
|
1440
1440
|
|
|
1441
1441
|
```
|
|
1442
|
-
"<div class=\"split-container\"><div class=\"k-split k-vertical css-1ug4f89 k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-
|
|
1442
|
+
"<div class=\"split-container\"><div class=\"k-split k-vertical css-1ug4f89 k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"5\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"6\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"7\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"8\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"9\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"10\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr></tbody></table></div></div></div><div class=\"k-split-line-wrapper\"><i class=\"k-icon ion-drag css-16qej3\"></i></div><div class=\"k-split-last\" style=\"height: 0px;\"><button class=\"k-btn k-none k-btn-icon close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-close-empty css-16qej3\" style=\"font-size: 40px;\"></i></button><div class=\"k-tabs k-size-default k-type-default css-zo0w25\"><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\"></div></div></div></div></div></div></div>"
|
|
1443
1443
|
```
|
|
1444
1444
|
|
|
1445
1445
|
#### `Split nested`
|
|
@@ -1547,217 +1547,217 @@
|
|
|
1547
1547
|
#### `Table animation`
|
|
1548
1548
|
|
|
1549
1549
|
```
|
|
1550
|
-
"<div><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">增加 一列 </button><div class=\"k-table css-
|
|
1550
|
+
"<div><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">增加 一列 </button><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1551
1551
|
```
|
|
1552
1552
|
|
|
1553
1553
|
#### `Table asyncTree`
|
|
1554
1554
|
|
|
1555
1555
|
```
|
|
1556
|
-
"<div class=\"k-table css-
|
|
1556
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Audios</td><td title=\"12MB\">12MB </td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></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-rfvdpj\" 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>"
|
|
1557
1557
|
```
|
|
1558
1558
|
|
|
1559
1559
|
#### `Table basic`
|
|
1560
1560
|
|
|
1561
1561
|
```
|
|
1562
|
-
"<div class=\"k-table css-
|
|
1562
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1563
1563
|
```
|
|
1564
1564
|
|
|
1565
1565
|
#### `Table checkType`
|
|
1566
1566
|
|
|
1567
1567
|
```
|
|
1568
|
-
"<div><div class=\"k-table css-
|
|
1568
|
+
"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-m3ad6w\"><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-zzqsx1\" 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-zzqsx1\" 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-m3ad6w\"><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>"
|
|
1569
1569
|
```
|
|
1570
1570
|
|
|
1571
1571
|
#### `Table checkedKeys`
|
|
1572
1572
|
|
|
1573
1573
|
```
|
|
1574
|
-
"<div><div class=\"tables\"><div class=\"k-table css-
|
|
1574
|
+
"<div><div class=\"tables\"><div class=\"k-table css-m3ad6w\"><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-zzqsx1\" 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-zzqsx1\" 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-m3ad6w\"><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-zzqsx1\" 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-zzqsx1\" 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-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1575
1575
|
```
|
|
1576
1576
|
|
|
1577
1577
|
#### `Table disableRow`
|
|
1578
1578
|
|
|
1579
1579
|
```
|
|
1580
|
-
"<div class=\"k-table css-
|
|
1580
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\"><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-rfvdpj\" 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-rfvdpj\"><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-rfvdpj\" 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-rfvdpj\"><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>"
|
|
1581
1581
|
```
|
|
1582
1582
|
|
|
1583
1583
|
#### `Table draggable`
|
|
1584
1584
|
|
|
1585
1585
|
```
|
|
1586
|
-
"<div class=\"k-table k-fix-header css-
|
|
1586
|
+
"<div class=\"k-table k-fix-header css-m3ad6w\"><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-rfvdpj\" 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-rfvdpj\" 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></td></tr><tr data-key=\"name 2\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 3\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 4\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 5\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 6\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 7\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 8\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 9\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 10\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 11\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 12\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 13\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 14\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 15\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 16\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 17\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 18\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 19\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 20\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr></tbody></table></div></div>"
|
|
1587
1587
|
```
|
|
1588
1588
|
|
|
1589
1589
|
#### `Table ellipsis`
|
|
1590
1590
|
|
|
1591
1591
|
```
|
|
1592
|
-
"<div class=\"k-table css-
|
|
1592
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长</div></div></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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">Cell 2-1</div></div></td><td title=\"Cell 2-2\">Cell 2-2</td></tr></tbody></table></div></div>"
|
|
1593
1593
|
```
|
|
1594
1594
|
|
|
1595
1595
|
#### `Table empty`
|
|
1596
1596
|
|
|
1597
1597
|
```
|
|
1598
|
-
"<div><div class=\"k-table css-
|
|
1598
|
+
"<div><div class=\"k-table css-m3ad6w\"><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-rfvdpj\"><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\">暂无数据</td></tr></tbody></table></div></div><div class=\"k-table css-m3ad6w\"><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-rfvdpj\"><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></td></tr></tbody></table></div></div></div>"
|
|
1599
1599
|
```
|
|
1600
1600
|
|
|
1601
1601
|
#### `Table export`
|
|
1602
1602
|
|
|
1603
1603
|
```
|
|
1604
|
-
"<div><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-
|
|
1604
|
+
"<div><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-m3ad6w\"><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-rfvdpj\" 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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第一行</a></td><td title=\"哈哈1\">哈哈1</td><td title=\"自定义1\">自定义1</td><td class=\"k-align-right\" title=\"\"><a>删除</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>第二行</a></td><td title=\"哈哈2\">哈哈2</td><td title=\"自定义2\">自定义2</td><td class=\"k-align-right\" title=\"\"><a>删除</a></td></tr></tbody></table></div></div></div>"
|
|
1605
1605
|
```
|
|
1606
1606
|
|
|
1607
1607
|
#### `Table fixColumn`
|
|
1608
1608
|
|
|
1609
1609
|
```
|
|
1610
|
-
"<div><div class=\"k-table k-scroll-left k-fix-columns css-
|
|
1610
|
+
"<div><div class=\"k-table k-scroll-left k-fix-columns css-m3ad6w\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 40px;\"><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 rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></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-rfvdpj\" 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></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr></tbody></table></div></div><div class=\"k-table k-fix-header k-scroll-left k-fix-columns k-grid css-m3ad6w\"><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 rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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 class=\"k-fixed-right\" title=\"Column4\" colspan=\"1\" rowspan=\"1\" style=\"right: 200px;\"><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-rfvdpj\" 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 class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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 class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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 class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div></div>"
|
|
1611
1611
|
```
|
|
1612
1612
|
|
|
1613
1613
|
#### `Table fixFooter`
|
|
1614
1614
|
|
|
1615
1615
|
```
|
|
1616
|
-
"<div class=\"wrapper\"><div class=\"k-table css-
|
|
1616
|
+
"<div class=\"wrapper\"><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"footer不固定\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">footer不固定</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"footer不固定\">footer不固定</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"yeah!\">yeah!</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"你好\">你好</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"我很好\">我很好</td></tr></tbody><tfoot><tr><td class=\"k-table-footer\" colspan=\"2\"><span>自定义footer</span></td></tr></tfoot></table></div></div><div class=\"k-table k-fix-footer css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"footer固定\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">footer固定</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"footer固定啦\">footer固定啦</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"yeah!\">yeah!</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"你好\">你好</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"我很好\">我很好</td></tr></tbody><tfoot><tr><td class=\"k-table-footer\" colspan=\"2\"><span>自定义footer</span></td></tr></tfoot></table></div></div><div class=\"k-table k-fix-header k-fix-footer css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"footer，header同时固定\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">footer，header同时固定</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"footer固定啦\">footer固定啦</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"yeah!\">yeah!</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"你好\">你好</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"我很好\">我很好</td></tr></tbody><tfoot><tr><td class=\"k-table-footer\" colspan=\"2\"><span>自定义footer</span></td></tr></tfoot></table></div></div></div>"
|
|
1617
1617
|
```
|
|
1618
1618
|
|
|
1619
1619
|
#### `Table fixHeader`
|
|
1620
1620
|
|
|
1621
1621
|
```
|
|
1622
|
-
"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-
|
|
1622
|
+
"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-m3ad6w\"><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-rfvdpj\" 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-rfvdpj\" 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-m3ad6w\"><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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1623
1623
|
```
|
|
1624
1624
|
|
|
1625
1625
|
#### `Table footer`
|
|
1626
1626
|
|
|
1627
1627
|
```
|
|
1628
|
-
"<div><div class=\"k-table css-
|
|
1628
|
+
"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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><tfoot><tr><td class=\"k-table-footer\" colspan=\"3\"><div class=\"footer\">自定义底部</div></td></tr></tfoot></table></div></div></div>"
|
|
1629
1629
|
```
|
|
1630
1630
|
|
|
1631
1631
|
#### `Table group`
|
|
1632
1632
|
|
|
1633
1633
|
```
|
|
1634
|
-
"<div class=\"tables\"><div class=\"k-table css-
|
|
1634
|
+
"<div class=\"tables\"><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr></tbody></table></div></div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr><tr data-key=\"主机3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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>{data.status === 'active' ? '运行中' : '已关闭'}</span></td></tr></tbody></table></div></div></div>"
|
|
1635
1635
|
```
|
|
1636
1636
|
|
|
1637
1637
|
#### `Table groupHeader`
|
|
1638
1638
|
|
|
1639
1639
|
```
|
|
1640
|
-
"<div class=\"k-table k-fix-columns k-grid css-
|
|
1640
|
+
"<div class=\"k-table k-fix-columns k-grid css-m3ad6w\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 120px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 798px; top: 64px;\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"3\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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: 116px;\"><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: 76px;\"><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\" style=\"border-right: 1px solid rgb(226, 229, 232);\"><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><col><col><col><col><col><col><col><col><col></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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: 116px;\">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: 76px;\">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-rfvdpj\" 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: 116px;\">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: 76px;\">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-rfvdpj\" 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: 116px;\">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: 76px;\">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-rfvdpj\" 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: 116px;\">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: 76px;\">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-rfvdpj\" 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: 116px;\">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: 76px;\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 0px;\">English</td></tr></tbody></table></div></div>"
|
|
1641
1641
|
```
|
|
1642
1642
|
|
|
1643
1643
|
#### `Table hidden`
|
|
1644
1644
|
|
|
1645
1645
|
```
|
|
1646
|
-
"<div><div class=\"k-table css-
|
|
1646
|
+
"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col class=\"k-hidden\" style=\"width: 300px;\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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 class=\"k-hidden\" 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><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=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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 class=\"k-hidden\" title=\"Cell 1-2\">Cell 1-2</td><td title=\"cell 1-3\">cell 1-3</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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 class=\"k-hidden\" title=\"Cell 2-2\">Cell 2-2</td><td title=\"cell 2-3\">cell 2-3</td></tr></tbody></table></div></div><p>无数据展示</p><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col class=\"k-hidden\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" 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 class=\"k-hidden\" 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><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><td class=\"k-table-empty\" colspan=\"3\">暂无数据</td></tr></tbody></table></div></div></div>"
|
|
1647
1647
|
```
|
|
1648
1648
|
|
|
1649
1649
|
#### `Table hideHeader`
|
|
1650
1650
|
|
|
1651
1651
|
```
|
|
1652
|
-
"<div><p>hideHeader: <div class=\"k-switch k-checked k-default css-1kd39ob\" 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-
|
|
1652
|
+
"<div><p>hideHeader: <div class=\"k-switch k-checked k-default css-1kd39ob\" 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-m3ad6w\"><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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1653
1653
|
```
|
|
1654
1654
|
|
|
1655
1655
|
#### `Table loading`
|
|
1656
1656
|
|
|
1657
1657
|
```
|
|
1658
|
-
"<div><div class=\"k-table css-
|
|
1658
|
+
"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-7spqir\"><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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">是否展示loading状态</span></label></div>"
|
|
1659
1659
|
```
|
|
1660
1660
|
|
|
1661
1661
|
#### `Table mergeCell`
|
|
1662
1662
|
|
|
1663
1663
|
```
|
|
1664
|
-
"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-1li30a0\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"2\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\"><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-1li30a0\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"2\" class=\"k-fixed-left\" 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-zzqsx1\" 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-zzqsx1\" 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-zzqsx1\" 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>"
|
|
1664
|
+
"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"2\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\"><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-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th rowspan=\"2\" class=\"k-fixed-left\" 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-zzqsx1\" 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-zzqsx1\" 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-zzqsx1\" 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>"
|
|
1665
1665
|
```
|
|
1666
1666
|
|
|
1667
1667
|
#### `Table pagination`
|
|
1668
1668
|
|
|
1669
1669
|
```
|
|
1670
|
-
"<div class=\"k-table css-
|
|
1670
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-aujuho\"><div class=\"k-pagination-total\">共 20 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1ti24q0\" 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 k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div></div>"
|
|
1671
1671
|
```
|
|
1672
1672
|
|
|
1673
1673
|
#### `Table resizable`
|
|
1674
1674
|
|
|
1675
1675
|
```
|
|
1676
|
-
"<div class=\"k-table k-grid css-
|
|
1676
|
+
"<div class=\"k-table k-grid css-m3ad6w\"><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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1677
1677
|
```
|
|
1678
1678
|
|
|
1679
1679
|
#### `Table rowCheckable`
|
|
1680
1680
|
|
|
1681
1681
|
```
|
|
1682
|
-
"<div class=\"tables\"><div class=\"k-table css-
|
|
1682
|
+
"<div class=\"tables\"><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1683
1683
|
```
|
|
1684
1684
|
|
|
1685
1685
|
#### `Table rowClassName`
|
|
1686
1686
|
|
|
1687
1687
|
```
|
|
1688
|
-
"<div><div class=\"k-table css-
|
|
1688
|
+
"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1689
1689
|
```
|
|
1690
1690
|
|
|
1691
1691
|
#### `Table rowExpandable`
|
|
1692
1692
|
|
|
1693
1693
|
```
|
|
1694
|
-
"<div class=\"tables\"><div class=\"k-table k-with-expand css-
|
|
1694
|
+
"<div class=\"tables\"><div class=\"k-table k-with-expand css-m3ad6w\"><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-m3ad6w\"><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></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></td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr></tbody></table></div></div></div>"
|
|
1695
1695
|
```
|
|
1696
1696
|
|
|
1697
1697
|
#### `Table scheme`
|
|
1698
1698
|
|
|
1699
1699
|
```
|
|
1700
|
-
"<div class=\"k-table css-
|
|
1700
|
+
"<div class=\"k-table css-m3ad6w\"><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-rfvdpj\" 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-resize\"></div><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-resize\"></div><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-resize\"></div><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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>虚拟DOM</a></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>"
|
|
1701
1701
|
```
|
|
1702
1702
|
|
|
1703
1703
|
#### `Table scrollToRow`
|
|
1704
1704
|
|
|
1705
1705
|
```
|
|
1706
|
-
"<div class=\"wrapper\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-1li30a0\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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></td></tr><tr data-key=\"name 2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 6\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 7\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 8\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 9\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 10\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 11\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 12\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 13\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 14\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 15\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 16\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 17\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 18\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 19\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 20\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 21\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 22\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 23\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 24\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 25\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 26\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 27\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 28\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 29\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 30\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 31\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 32\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 33\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 34\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 35\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 36\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 37\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 38\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 39\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 40\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 41\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 42\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 43\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 44\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 45\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 46\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 47\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 48\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 49\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 50\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 51\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 52\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 53\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 54\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 55\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 56\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 57\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 58\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 59\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 60\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 61\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 62\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 63\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 64\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 65\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 66\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 67\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 68\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 69\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 70\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 71\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 72\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 73\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 74\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 75\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 76\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 77\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 78\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 79\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 80\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 81\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 82\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 83\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 84\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 85\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 86\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 87\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 88\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 89\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 90\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 91\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 92\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 93\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 94\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 95\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 96\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 97\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 98\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 99\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 100\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr></tbody></table></div></div></div>"
|
|
1706
|
+
"<div class=\"wrapper\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-m3ad6w\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\" class=\"k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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></td></tr><tr data-key=\"name 2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 6\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 7\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 8\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 9\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 10\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 11\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 12\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 13\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 14\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 15\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 16\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 17\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 18\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 19\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 20\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 21\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 22\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 23\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 24\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 25\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 26\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 27\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 28\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 29\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 30\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 31\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 32\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 33\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 34\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 35\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 36\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 37\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 38\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 39\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 40\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 41\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 42\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 43\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 44\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 45\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 46\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 47\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 48\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 49\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 50\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 51\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 52\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 53\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 54\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 55\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 56\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 57\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 58\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 59\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 60\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 61\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 62\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 63\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 64\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 65\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 66\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 67\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 68\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 69\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 70\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 71\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 72\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 73\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 74\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 75\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 76\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 77\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 78\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 79\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 80\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 81\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 82\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 83\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 84\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 85\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 86\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 87\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 88\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 89\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 90\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 91\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 92\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 93\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 94\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 95\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 96\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 97\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 98\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 99\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"name 100\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr></tbody></table></div></div></div>"
|
|
1707
1707
|
```
|
|
1708
1708
|
|
|
1709
1709
|
#### `Table selectedKeys`
|
|
1710
1710
|
|
|
1711
1711
|
```
|
|
1712
|
-
"<div><div class=\"k-table css-
|
|
1712
|
+
"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1713
1713
|
```
|
|
1714
1714
|
|
|
1715
1715
|
#### `Table showIndeterminate`
|
|
1716
1716
|
|
|
1717
1717
|
```
|
|
1718
|
-
"<div><div class=\"k-table css-
|
|
1718
|
+
"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1719
1719
|
```
|
|
1720
1720
|
|
|
1721
1721
|
#### `Table sort`
|
|
1722
1722
|
|
|
1723
1723
|
```
|
|
1724
|
-
"<div class=\"k-table css-
|
|
1724
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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 k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></i></div></div></th><th class=\"k-column-sortable\" 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 class=\"k-column-sort\"><i class=\"k-icon k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></i></div></div></th></tr></thead><tbody><tr data-key=\"aa\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1725
1725
|
```
|
|
1726
1726
|
|
|
1727
1727
|
#### `Table stickHeader`
|
|
1728
1728
|
|
|
1729
1729
|
```
|
|
1730
|
-
"<div class=\"k-table css-
|
|
1730
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 40px;\"><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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1731
1731
|
```
|
|
1732
1732
|
|
|
1733
1733
|
#### `Table stickScrollbar`
|
|
1734
1734
|
|
|
1735
1735
|
```
|
|
1736
|
-
"<div class=\"k-table css-
|
|
1736
|
+
"<div class=\"k-table css-m3ad6w\"><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-rfvdpj\" 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-rfvdpj\" 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></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></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>"
|
|
1737
1737
|
```
|
|
1738
1738
|
|
|
1739
1739
|
#### `Table title`
|
|
1740
1740
|
|
|
1741
1741
|
```
|
|
1742
|
-
"<div class=\"k-table css-
|
|
1742
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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=\"title\">自定义表头内容</span><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1743
1743
|
```
|
|
1744
1744
|
|
|
1745
1745
|
#### `Table tooltip`
|
|
1746
1746
|
|
|
1747
1747
|
```
|
|
1748
|
-
"<div class=\"k-table css-
|
|
1748
|
+
"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1749
1749
|
```
|
|
1750
1750
|
|
|
1751
1751
|
#### `Table tree`
|
|
1752
1752
|
|
|
1753
1753
|
```
|
|
1754
|
-
"<div class=\"k-table css-
|
|
1754
|
+
"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Audios</td><td title=\"12MB\">12MB </td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></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-rfvdpj\" 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><h4>自定义展开Icon位置</h4><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Audios\">Audios</td><td title=\"12MB\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>12MB </td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Images\">Images</td><td title=\"14MB\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>14MB </td></tr><tr data-key=\"doc.pdf\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" 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></div>"
|
|
1755
1755
|
```
|
|
1756
1756
|
|
|
1757
1757
|
#### `Table type`
|
|
1758
1758
|
|
|
1759
1759
|
```
|
|
1760
|
-
"<div><div class=\"k-table k-border css-
|
|
1760
|
+
"<div><div class=\"k-table k-border css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" 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-rfvdpj\" 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>"
|
|
1761
1761
|
```
|
|
1762
1762
|
|
|
1763
1763
|
## `tabs`
|
|
@@ -1783,7 +1783,7 @@
|
|
|
1783
1783
|
#### `Tabs closable`
|
|
1784
1784
|
|
|
1785
1785
|
```
|
|
1786
|
-
"<div><div class=\"k-btns css-
|
|
1786
|
+
"<div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">新增Tab</button><div class=\"k-tabs k-size-large k-type-default css-zo0w25\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-card css-zo0w25\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-flat-card css-zo0w25\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 1<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 2<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tab\"><i class=\"k-icon k-icon-paper k-large css-14db6ta\" style=\"margin-right: 8px; color: inherit;\"></i> Tab 3<button class=\"k-btn k-mini k-none k-btn-icon k-tab-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-16qej3\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
|
|
1787
1787
|
```
|
|
1788
1788
|
|
|
1789
1789
|
#### `Tabs disabled`
|
|
@@ -1795,7 +1795,7 @@
|
|
|
1795
1795
|
#### `Tabs scroll`
|
|
1796
1796
|
|
|
1797
1797
|
```
|
|
1798
|
-
"<div style=\"width: 600px;\"><div class=\"k-btns css-
|
|
1798
|
+
"<div style=\"width: 600px;\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-tabs k-size-default k-type-default k-is-scroll css-zo0w25\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-tabs k-size-default k-type-card k-is-scroll css-zo0w25\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-tabs k-size-default k-type-flat-card k-is-scroll css-zo0w25\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i></button></div><br><br><div style=\"display: flex;\"><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-default k-is-scroll css-zo0w25\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(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><button class=\"k-btn k-none k-btn-icon k-tabs-next css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-card k-is-scroll css-zo0w25\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(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><button class=\"k-btn k-none k-btn-icon k-tabs-next css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div><div style=\"height: 200px;\"><div class=\"k-tabs k-size-default k-vertical k-type-flat-card k-is-scroll css-zo0w25\"><button class=\"k-btn k-none k-btn-icon k-tabs-prev k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-up css-16qej3\"></i></button><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateY(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><button class=\"k-btn k-none k-btn-icon k-tabs-next css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-down css-16qej3\"></i></button></div></div></div></div>"
|
|
1799
1799
|
```
|
|
1800
1800
|
|
|
1801
1801
|
#### `Tabs size`
|
|
@@ -1875,31 +1875,31 @@
|
|
|
1875
1875
|
#### `Timepicker basic`
|
|
1876
1876
|
|
|
1877
1877
|
```
|
|
1878
|
-
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1878
|
+
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--> You selected: <br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
|
|
1879
1879
|
```
|
|
1880
1880
|
|
|
1881
1881
|
#### `Timepicker format`
|
|
1882
1882
|
|
|
1883
1883
|
```
|
|
1884
|
-
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1884
|
+
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select css-1ti24q0\" 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-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--><span>You selected: null</span></div>"
|
|
1885
1885
|
```
|
|
1886
1886
|
|
|
1887
1887
|
#### `Timepicker range`
|
|
1888
1888
|
|
|
1889
1889
|
```
|
|
1890
|
-
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1890
|
+
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始时间 ~ 结束时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
|
|
1891
1891
|
```
|
|
1892
1892
|
|
|
1893
1893
|
#### `Timepicker step`
|
|
1894
1894
|
|
|
1895
1895
|
```
|
|
1896
|
-
"<div><div class=\"k-select time css-1ti24q0\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1896
|
+
"<div><div class=\"k-select time css-1ti24q0\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select css-1ti24q0\" 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-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
|
|
1897
1897
|
```
|
|
1898
1898
|
|
|
1899
1899
|
#### `Timepicker stepRange`
|
|
1900
1900
|
|
|
1901
1901
|
```
|
|
1902
|
-
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1902
|
+
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: null</div>"
|
|
1903
1903
|
```
|
|
1904
1904
|
|
|
1905
1905
|
## `tip`
|
|
@@ -1907,19 +1907,31 @@
|
|
|
1907
1907
|
#### `Tip basic`
|
|
1908
1908
|
|
|
1909
1909
|
```
|
|
1910
|
-
"<div><div class=\"k-none css-1weg519 k-tip css-
|
|
1910
|
+
"<div><div class=\"k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">default</div></div></div><div class=\"k-primary k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">primary</div></div></div><div class=\"k-success k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">success</div></div></div><div class=\"k-warning k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">warning</div></div></div><div class=\"k-danger k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">danger</div></div></div></div>"
|
|
1911
1911
|
```
|
|
1912
1912
|
|
|
1913
1913
|
#### `Tip closable`
|
|
1914
1914
|
|
|
1915
1915
|
```
|
|
1916
|
-
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-
|
|
1916
|
+
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">default</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">primary</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">success</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">warning</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">danger</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-dashed k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\"> custom closing content </div></div><button class=\"k-btn k-link k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\">No longer show</button></div></div>"
|
|
1917
|
+
```
|
|
1918
|
+
|
|
1919
|
+
#### `Tip icon`
|
|
1920
|
+
|
|
1921
|
+
```
|
|
1922
|
+
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-information-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">default</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-information-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">primary</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-success-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">success</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-warning-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">warning</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-information-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">danger</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-success-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\"> 这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容。 </div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><h3>自定义Icon</h3><div class=\"k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-internet css-16qej3\"></i><div class=\"k-tip-content\"> custom Icon </div></div></div><h3>标题带Icon</h3><div class=\"k-primary k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title k-with-icon\"><i class=\"k-icon k-icon-information-fill k-tip-icon css-16qej3\"></i><span class=\"k-title-content\">这是标题</span></div><div class=\"k-tip-content\"> This is a tip. </div></div></div><h3>标题自定义Icon</h3><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title k-with-icon\"><i class=\"k-icon k-icon-internet css-16qej3\"></i><span class=\"k-title-content\">这是标题</span></div><div class=\"k-tip-content\"> This is a tip. </div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div></div>"
|
|
1923
|
+
```
|
|
1924
|
+
|
|
1925
|
+
#### `Tip size`
|
|
1926
|
+
|
|
1927
|
+
```
|
|
1928
|
+
"<div><div class=\"k-primary k-large k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">large</div></div></div><div class=\"k-primary k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">default</div></div></div><div class=\"k-primary k-small k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">small</div></div></div><div class=\"k-primary k-mini k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">mini</div></div></div><h3>带关闭按钮</h3><div class=\"k-primary k-large k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">large</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">default</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-small k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">small</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-mini k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">mini</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div></div>"
|
|
1917
1929
|
```
|
|
1918
1930
|
|
|
1919
1931
|
#### `Tip title`
|
|
1920
1932
|
|
|
1921
1933
|
```
|
|
1922
|
-
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-
|
|
1934
|
+
"<div><div class=\"k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\"><span class=\"k-title-content\">default</span></div><div class=\"k-tip-content\"> This is a default tip. </div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\"><span class=\"k-title-content\">primary</span></div><div class=\"k-tip-content\"> This is a primary tip. </div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\"><span class=\"k-title-content\">success</span></div><div class=\"k-tip-content\"> This is a success tip. </div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\"><span class=\"k-title-content\">warning</span></div><div class=\"k-tip-content\"> This is a warning tip. </div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title\"><span class=\"k-title-content\">danger</span></div><div class=\"k-tip-content\"> This is a danger tip. </div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div></div>"
|
|
1923
1935
|
```
|
|
1924
1936
|
|
|
1925
1937
|
## `tooltip`
|
|
@@ -1927,7 +1939,7 @@
|
|
|
1927
1939
|
#### `Tooltip always`
|
|
1928
1940
|
|
|
1929
1941
|
```
|
|
1930
|
-
"<div style=\"position: relative;\"><span class=\"k-dropdown-open\"> always show this tootip </span><!--portal--><br><br><span class=\"k-dropdown-open\"> don't show if content is empty </span><!--portal--></div><div class=\"k-dropdown-menu k-tooltip-content k-always k-dark css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left:
|
|
1942
|
+
"<div style=\"position: relative;\"><span class=\"k-dropdown-open\"> always show this tootip </span><!--portal--><br><br><span> always hide this tootip </span><!--portal--><br><br><span class=\"k-dropdown-open\"> don't show if content is empty </span><!--portal--></div><div class=\"k-dropdown-menu k-tooltip-content k-always k-dark css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: 40.4297px; top: 111px;\">hello<i class=\"k-tooltip-arrow k-top\" style=\"left: 20.0078125px\"></i></div><div class=\"k-dropdown-menu k-tooltip-content k-always k-dark css-o1x0o9 css-7sngro\" style=\"display: none;\">hide<i class=\"k-tooltip-arrow\"></i></div>"
|
|
1931
1943
|
```
|
|
1932
1944
|
|
|
1933
1945
|
#### `Tooltip basic`
|
|
@@ -1945,13 +1957,13 @@
|
|
|
1945
1957
|
#### `Tooltip position`
|
|
1946
1958
|
|
|
1947
1959
|
```
|
|
1948
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-
|
|
1960
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">custom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item k-fluid css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><div class=\"opera\"><button class=\"k-btn k-default k-dropdown-open css-h31bz\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -62.4688px; top: -0.398438px;\">\"left\"<i class=\"k-tooltip-arrow k-right\" style=\"top: 11.3984375px\"></i></div></div></div></div></form>"
|
|
1949
1961
|
```
|
|
1950
1962
|
|
|
1951
1963
|
#### `Tooltip trigger`
|
|
1952
1964
|
|
|
1953
1965
|
```
|
|
1954
|
-
"<div class=\"k-btns css-
|
|
1966
|
+
"<div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
1955
1967
|
```
|
|
1956
1968
|
|
|
1957
1969
|
#### `Tooltip confirm`
|
|
@@ -1966,7 +1978,7 @@
|
|
|
1966
1978
|
|
|
1967
1979
|
```
|
|
1968
1980
|
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1969
|
-
3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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 class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-
|
|
1981
|
+
3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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 class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1970
1982
|
2</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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 class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"right\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"right\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div></div></div></div><p>You selected: [0,1]</p></div>"
|
|
1971
1983
|
```
|
|
1972
1984
|
|
|
@@ -1974,21 +1986,21 @@
|
|
|
1974
1986
|
|
|
1975
1987
|
```
|
|
1976
1988
|
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1977
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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-
|
|
1978
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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-clearable css-
|
|
1989
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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-wa3w05\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1ti24q0\" 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 k-icon-down css-16qej3\"></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 k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1990
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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-clearable css-wa3w05\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div><p>You selected: []</p></div>"
|
|
1979
1991
|
```
|
|
1980
1992
|
|
|
1981
1993
|
#### `Transfer customList`
|
|
1982
1994
|
|
|
1983
1995
|
```
|
|
1984
|
-
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>未分配</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">刘一 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">陈二 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">张三 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">李四 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">王五 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">赵六 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">孙七 </span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-
|
|
1996
|
+
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>未分配</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">刘一 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">陈二 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">张三 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">李四 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">王五 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">赵六 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">孙七 </span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>标准双人间</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间1 <span>（当前人数：0）</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间2 <span>（当前人数：0）</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间3 <span>（当前人数：0）</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间4 <span>（当前人数：0）</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间5 <span>（当前人数：0）</span></span></label></div></div></div></div></div>"
|
|
1985
1997
|
```
|
|
1986
1998
|
|
|
1987
1999
|
#### `Transfer getData`
|
|
1988
2000
|
|
|
1989
2001
|
```
|
|
1990
2002
|
"<div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">get data</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">get left checked data</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">get right checked data</button><br><br><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1991
|
-
3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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 class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-
|
|
2003
|
+
3</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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 class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1992
2004
|
2</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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 class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"right\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"right\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div></div></div></div><p>You selected: [0,1]</p></div>"
|
|
1993
2005
|
```
|
|
1994
2006
|
|
|
@@ -1996,22 +2008,22 @@
|
|
|
1996
2008
|
|
|
1997
2009
|
```
|
|
1998
2010
|
"<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1999
|
-
5</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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-clearable css-
|
|
2000
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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-clearable css-
|
|
2011
|
+
5</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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-clearable css-wa3w05\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" 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></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" 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></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" 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></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><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></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" 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></span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
2012
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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-clearable css-wa3w05\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
|
|
2001
2013
|
```
|
|
2002
2014
|
|
|
2003
2015
|
#### `Transfer leftChecked`
|
|
2004
2016
|
|
|
2005
2017
|
```
|
|
2006
2018
|
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">2 /
|
|
2007
|
-
5</div><label class=\"k-checkbox k-indeterminate c-ellipsis css-rfvdpj\" 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 class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-
|
|
2019
|
+
5</div><label class=\"k-checkbox k-indeterminate c-ellipsis css-rfvdpj\" 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 class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
2008
2020
|
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" 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 checked left side: [0,2]</p></div>"
|
|
2009
2021
|
```
|
|
2010
2022
|
|
|
2011
2023
|
#### `Transfer tree`
|
|
2012
2024
|
|
|
2013
2025
|
```
|
|
2014
|
-
"<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>请选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">database</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-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">class</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">student</div></div></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-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">id</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">name</div></div></div></div></div></div></div></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-
|
|
2026
|
+
"<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>请选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node k-expanded k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">database</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-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">class</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">student</div></div></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-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">id</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">name</div></div></div></div></div></div></div></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>已选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-3c9wnf\"></div></div></div></div>"
|
|
2015
2027
|
```
|
|
2016
2028
|
|
|
2017
2029
|
## `tree`
|
|
@@ -2037,7 +2049,7 @@
|
|
|
2037
2049
|
#### `Tree custom`
|
|
2038
2050
|
|
|
2039
2051
|
```
|
|
2040
|
-
"<div class=\"wrapper\"><div class=\"k-btns root-btns css-
|
|
2052
|
+
"<div class=\"wrapper\"><div class=\"k-btns root-btns css-z9s2vw\"><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">+</button></div><div class=\"k-tree k-line css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\"><div class=\"text\">First floor-1</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><label class=\"k-checkbox k-tree-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\"><div class=\"text\">First floor-2</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div></div></div>"
|
|
2041
2053
|
```
|
|
2042
2054
|
|
|
2043
2055
|
#### `Tree draggable`
|
|
@@ -2055,7 +2067,7 @@
|
|
|
2055
2067
|
#### `Tree filterable`
|
|
2056
2068
|
|
|
2057
2069
|
```
|
|
2058
|
-
"<div><div class=\"k-input css-
|
|
2070
|
+
"<div><div class=\"k-input css-wa3w05\"><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-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></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-16qej3\"></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-16qej3\"></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-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
|
|
2059
2071
|
```
|
|
2060
2072
|
|
|
2061
2073
|
#### `Tree loading`
|
|
@@ -2093,7 +2105,7 @@
|
|
|
2093
2105
|
#### `TreeSelect filter`
|
|
2094
2106
|
|
|
2095
2107
|
```
|
|
2096
|
-
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
2108
|
+
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-wa3w05\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
|
|
2097
2109
|
```
|
|
2098
2110
|
|
|
2099
2111
|
#### `TreeSelect load`
|
|
@@ -2113,37 +2125,37 @@
|
|
|
2113
2125
|
#### `Upload basic`
|
|
2114
2126
|
|
|
2115
2127
|
```
|
|
2116
|
-
"<div class=\"k-upload css-
|
|
2128
|
+
"<div class=\"k-upload css-kpooy2\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-tip\">只能上传JPG/PNG格式文件，且不超过500kb</div><div class=\"k-upload-files\"></div><!--portal--></div>"
|
|
2117
2129
|
```
|
|
2118
2130
|
|
|
2119
2131
|
#### `Upload directory`
|
|
2120
2132
|
|
|
2121
2133
|
```
|
|
2122
|
-
"<div class=\"k-upload css-
|
|
2134
|
+
"<div class=\"k-upload css-kpooy2\"><input class=\"c-hidden\" type=\"file\" directory=\"\" webkitdirectory=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
|
|
2123
2135
|
```
|
|
2124
2136
|
|
|
2125
2137
|
#### `Upload drag`
|
|
2126
2138
|
|
|
2127
2139
|
```
|
|
2128
|
-
"<div class=\"k-upload k-drag css-
|
|
2140
|
+
"<div class=\"k-upload k-drag css-kpooy2\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><div class=\"k-upload-area\"><i class=\"k-icon k-icon-add-bold css-16qej3\"></i><div>将文件拖到此处，或<a>点击上传</a></div></div></div><div class=\"k-upload-files\"></div><!--portal--></div>"
|
|
2129
2141
|
```
|
|
2130
2142
|
|
|
2131
2143
|
#### `Upload files`
|
|
2132
2144
|
|
|
2133
2145
|
```
|
|
2134
|
-
"<div class=\"k-upload css-
|
|
2146
|
+
"<div class=\"k-upload css-kpooy2\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-spvvi2\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-files\"><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">test1.jpg</div></div></span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">test2.png</div></div></span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div><div class=\"k-upload-file k-error\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">test3.png</div></div></span><i class=\"k-icon k-upload-status-icon k-icon-error-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div><div class=\"k-upload-file\"><div class=\"k-upload-file-main\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-16qej3\"></i><span class=\"k-upload-file-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">test4-测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长.png</div></div></span><i class=\"k-icon k-upload-status-icon k-icon-success-fill css-16qej3\"></i></div></div><i class=\"k-icon k-hoverable k-upload-close k-icon-delete css-16qej3\"></i></div></div><!--portal--></div>"
|
|
2135
2147
|
```
|
|
2136
2148
|
|
|
2137
2149
|
#### `Upload gallery`
|
|
2138
2150
|
|
|
2139
2151
|
```
|
|
2140
|
-
"<div class=\"k-upload k-gallery css-
|
|
2152
|
+
"<div class=\"k-upload k-gallery css-kpooy2\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-pictures\"><div class=\"c-middle\"><div class=\"k-upload-handle\"><div class=\"k-upload-picture-card k-upload-add\"><i class=\"k-icon k-icon-add-bold k-large css-16qej3\"></i><div>上传图片</div></div></div></div></div><!--portal--></div>"
|
|
2141
2153
|
```
|
|
2142
2154
|
|
|
2143
2155
|
#### `Upload manually`
|
|
2144
2156
|
|
|
2145
2157
|
```
|
|
2146
|
-
"<div><div class=\"k-upload css-
|
|
2158
|
+
"<div><div class=\"k-upload css-kpooy2\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">选择文件</button></div><div class=\"k-upload-files\"></div><!--portal--></div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">开始上传</button></div>"
|
|
2147
2159
|
```
|
|
2148
2160
|
|
|
2149
2161
|
## `wave`
|