@king-design/vue 3.3.0 → 3.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/__snapshots__/Vue Next Demos.md +72 -66
- package/components/breadcrumb/index.js +1 -1
- package/components/breadcrumb/index.vdt.js +6 -2
- package/components/button/index.vdt.js +3 -2
- package/components/cascader/index.js +2 -1
- package/components/cascader/index.spec.js +32 -0
- package/components/cascader/index.vdt.js +8 -3
- package/components/cascader/styles.js +1 -1
- package/components/cascader/useFilterable.d.ts +2 -1
- package/components/cascader/useFilterable.js +15 -4
- package/components/checkbox/index.vdt.js +4 -2
- package/components/config/index.d.ts +2 -0
- package/components/config/index.js +3 -0
- package/components/datepicker/index.d.ts +1 -0
- package/components/datepicker/index.js +2 -0
- package/components/dialog/base.d.ts +1 -0
- package/components/dropdown/menu.js +1 -1
- package/components/input/index.d.ts +1 -1
- package/components/input/index.js +1 -1
- package/components/input/index.vdt.js +4 -2
- package/components/menu/styles.js +3 -3
- package/components/radio/index.vdt.js +4 -2
- package/components/select/base.d.ts +1 -0
- package/components/select/base.vdt.js +4 -2
- package/components/select/useInput.js +5 -1
- package/components/table/styles.js +3 -3
- package/components/tabs/index.d.ts +1 -0
- package/components/tooltip/styles.js +1 -1
- package/components/upload/index.vdt.js +4 -2
- package/components/upload/styles.js +1 -1
- package/package.json +2 -2
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
#### `Breadcrumb basic`
|
|
32
32
|
|
|
33
33
|
```
|
|
34
|
-
"<div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\">item 1</a></div><span class=\"k-breadcrumb-separator\"
|
|
34
|
+
"<div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\">item 1</a></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\">item 2</a></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\">item 3</span></div></div>"
|
|
35
35
|
```
|
|
36
36
|
|
|
37
37
|
#### `Breadcrumb separator`
|
|
@@ -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-l0vdz7\"><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>"
|
|
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-l0vdz7\"><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-l0vdz7\"><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`
|
|
@@ -296,6 +296,12 @@
|
|
|
296
296
|
"<button class=\"kd-btn kd-default css-7ey7ie\" tabindex=\"0\" type=\"button\">Button</button>"
|
|
297
297
|
```
|
|
298
298
|
|
|
299
|
+
#### `Config disableWave`
|
|
300
|
+
|
|
301
|
+
```
|
|
302
|
+
"<button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Button</button>"
|
|
303
|
+
```
|
|
304
|
+
|
|
299
305
|
## `copy`
|
|
300
306
|
|
|
301
307
|
#### `Copy basic`
|
|
@@ -589,7 +595,7 @@
|
|
|
589
595
|
#### `Form basic`
|
|
590
596
|
|
|
591
597
|
```
|
|
592
|
-
"<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-l0vdz7\"><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-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-158h2we\" 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-
|
|
598
|
+
"<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-l0vdz7\"><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-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-158h2we\" 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-l0vdz7\"><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-l0vdz7\"><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-l0vdz7\"><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-l0vdz7\"><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-12pzj9v\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\" style=\"margin-left: 8px;\">重置</button></div></div></form>"
|
|
593
599
|
```
|
|
594
600
|
|
|
595
601
|
#### `Form custom`
|
|
@@ -783,31 +789,31 @@
|
|
|
783
789
|
#### `Layout aside`
|
|
784
790
|
|
|
785
791
|
```
|
|
786
|
-
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-1wk1cze\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-
|
|
792
|
+
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-1wk1cze\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-ofoyx5\"><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-ofoyx5\" 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-ofoyx5 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 css-1vdvr25\"><div class=\"k-layout-header k-dark css-1nd3ggh\" style=\"height: 64px;\"><button class=\"k-btn k-large k-none k-ghost css-12pzj9v\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></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>content</div></div></div></div>"
|
|
787
793
|
```
|
|
788
794
|
|
|
789
795
|
#### `Layout asideFix`
|
|
790
796
|
|
|
791
797
|
```
|
|
792
|
-
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-
|
|
798
|
+
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ofoyx5\"><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-ofoyx5\" 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 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-ofoyx5 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 css-1vdvr25\" style=\"padding-left: 260px;\"><div class=\"k-layout-header k-fixed k-white css-1nd3ggh\" style=\"height: 64px; left: 260px;\"><button class=\"k-btn k-large k-none css-12pzj9v\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\" style=\"margin-top: 64px;\"><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> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
|
|
793
799
|
```
|
|
794
800
|
|
|
795
801
|
#### `Layout basic`
|
|
796
802
|
|
|
797
803
|
```
|
|
798
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-1nd3ggh\" style=\"height: 54px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-
|
|
804
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-1nd3ggh\" style=\"height: 54px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-ofoyx5\"><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\" style=\"margin-top: 54px;\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 200px; top: 54px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ofoyx5\"><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-ofoyx5\" 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-ofoyx5 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\" style=\"padding-left: 200px;\"><div class=\"content\"><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>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div></div></div></div></div>"
|
|
799
805
|
```
|
|
800
806
|
|
|
801
807
|
#### `Layout fix`
|
|
802
808
|
|
|
803
809
|
```
|
|
804
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-1nd3ggh\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-
|
|
810
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-1nd3ggh\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-ofoyx5\"><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\" style=\"margin-top: 64px;\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 200px; top: 64px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ofoyx5\"><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-ofoyx5\" 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-ofoyx5 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\" style=\"padding-left: 200px;\"><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> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
|
|
805
811
|
```
|
|
806
812
|
|
|
807
813
|
#### `Layout theme`
|
|
808
814
|
|
|
809
815
|
```
|
|
810
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-1nd3ggh\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-
|
|
816
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-1nd3ggh\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-ofoyx5\"><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-ofoyx5\"><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-ofoyx5\" 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-ofoyx5 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-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div></div>"
|
|
811
817
|
```
|
|
812
818
|
|
|
813
819
|
## `menu`
|
|
@@ -815,55 +821,55 @@
|
|
|
815
821
|
#### `Menu accordion`
|
|
816
822
|
|
|
817
823
|
```
|
|
818
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
824
|
+
"<div class=\"k-menu k-dark k-vertical css-ofoyx5\"><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-ofoyx5\" 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></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-ofoyx5\"><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><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-ofoyx5\" 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></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-ofoyx5\" 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><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-ofoyx5\" 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></div></div></div></div>"
|
|
819
825
|
```
|
|
820
826
|
|
|
821
827
|
#### `Menu basic`
|
|
822
828
|
|
|
823
829
|
```
|
|
824
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
830
|
+
"<div class=\"k-menu k-dark k-vertical css-ofoyx5\"><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-ofoyx5\" 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-ofoyx5 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><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-ofoyx5\" 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>"
|
|
825
831
|
```
|
|
826
832
|
|
|
827
833
|
#### `Menu collapse`
|
|
828
834
|
|
|
829
835
|
```
|
|
830
|
-
"<div><div class=\"k-switch k-checked k-default css-158h2we\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-
|
|
836
|
+
"<div><div class=\"k-switch k-checked k-default css-158h2we\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-ofoyx5\"><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></div></div></div></div><!--portal--></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></div></div></div></div><!--portal--></div><div class=\"k-menu-item 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></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\"><i class=\"k-icon ion-gear-b css-16qej3\"></i></div></div></div></div><!--portal--></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-14asjef\"><i class=\"k-icon ion-cloud css-16qej3\"></i></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-stats-bars css-16qej3\"></i></div></div></div></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\"><i class=\"k-icon ion-upload css-16qej3\"></i></div></div></div></div><!--portal--></div></div></div></div>"
|
|
831
837
|
```
|
|
832
838
|
|
|
833
839
|
#### `Menu dot`
|
|
834
840
|
|
|
835
841
|
```
|
|
836
|
-
"<div class=\"k-menu k-light k-vertical css-
|
|
842
|
+
"<div class=\"k-menu k-light k-vertical css-ofoyx5\"><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\"><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 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 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-ofoyx5\"><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\"><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 4</span></div></div></div></div></div></div></div>"
|
|
837
843
|
```
|
|
838
844
|
|
|
839
845
|
#### `Menu horizontal`
|
|
840
846
|
|
|
841
847
|
```
|
|
842
|
-
"<div><div class=\"k-menu k-dark k-horizontal css-
|
|
848
|
+
"<div><div class=\"k-menu k-dark k-horizontal css-ofoyx5\"><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 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><!--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\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><br><br><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
843
849
|
```
|
|
844
850
|
|
|
845
851
|
#### `Menu recursive`
|
|
846
852
|
|
|
847
853
|
```
|
|
848
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
854
|
+
"<div class=\"k-menu k-dark k-vertical css-ofoyx5\"><div class=\"k-menu-header css-14asjef\"><i class=\"k-icon ion-star 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 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>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\"><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-m8cc5e k-sub-menu css-ofoyx5 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 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-xb6zyv k-sub-menu css-ofoyx5\" 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\"><span>menu 4</span></div></div></div></div></div></div></div>"
|
|
849
855
|
```
|
|
850
856
|
|
|
851
857
|
#### `Menu showCollapseArrow`
|
|
852
858
|
|
|
853
859
|
```
|
|
854
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-158h2we\" 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-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-12pzj9v\" 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-
|
|
860
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-158h2we\" 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-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-12pzj9v\" 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-ofoyx5\"><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-ofoyx5\" 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-ofoyx5\" 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>"
|
|
855
861
|
```
|
|
856
862
|
|
|
857
863
|
#### `Menu size`
|
|
858
864
|
|
|
859
865
|
```
|
|
860
|
-
"<div><div class=\"k-switch k-default css-158h2we\" 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-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-158h2we\" 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-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-
|
|
866
|
+
"<div><div class=\"k-switch k-default css-158h2we\" 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-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-158h2we\" 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-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-ofoyx5\"><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-ofoyx5\"><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-ofoyx5\" 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>"
|
|
861
867
|
```
|
|
862
868
|
|
|
863
869
|
#### `Menu theme`
|
|
864
870
|
|
|
865
871
|
```
|
|
866
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-
|
|
872
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-ofoyx5\"><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-ofoyx5\"><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>"
|
|
867
873
|
```
|
|
868
874
|
|
|
869
875
|
## `message`
|
|
@@ -1275,49 +1281,49 @@
|
|
|
1275
1281
|
#### `Slider basic`
|
|
1276
1282
|
|
|
1277
1283
|
```
|
|
1278
|
-
"<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-
|
|
1284
|
+
"<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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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-12pzj9v\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
|
|
1279
1285
|
```
|
|
1280
1286
|
|
|
1281
1287
|
#### `Slider disabled`
|
|
1282
1288
|
|
|
1283
1289
|
```
|
|
1284
|
-
"<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-
|
|
1290
|
+
"<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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1285
1291
|
```
|
|
1286
1292
|
|
|
1287
1293
|
#### `Slider dynamicStep`
|
|
1288
1294
|
|
|
1289
1295
|
```
|
|
1290
|
-
"<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-
|
|
1296
|
+
"<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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
|
|
1291
1297
|
```
|
|
1292
1298
|
|
|
1293
1299
|
#### `Slider marks`
|
|
1294
1300
|
|
|
1295
1301
|
```
|
|
1296
|
-
"<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.4545%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-
|
|
1302
|
+
"<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.4545%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 36.3636%; left: 9.09091%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 9.09091%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">2<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span class=\"k-active\" style=\"left: 9.09091%;\">2月</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div></div>"
|
|
1297
1303
|
```
|
|
1298
1304
|
|
|
1299
1305
|
#### `Slider points`
|
|
1300
1306
|
|
|
1301
1307
|
```
|
|
1302
|
-
"<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-
|
|
1308
|
+
"<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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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>"
|
|
1303
1309
|
```
|
|
1304
1310
|
|
|
1305
1311
|
#### `Slider range`
|
|
1306
1312
|
|
|
1307
1313
|
```
|
|
1308
|
-
"<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-
|
|
1314
|
+
"<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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
|
|
1309
1315
|
```
|
|
1310
1316
|
|
|
1311
1317
|
#### `Slider step`
|
|
1312
1318
|
|
|
1313
1319
|
```
|
|
1314
|
-
"<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-
|
|
1320
|
+
"<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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1315
1321
|
```
|
|
1316
1322
|
|
|
1317
1323
|
#### `Slider tooltip`
|
|
1318
1324
|
|
|
1319
1325
|
```
|
|
1320
|
-
"<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-
|
|
1326
|
+
"<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-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" 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.34375px\"></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.01562px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-12pzj9v\" 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-l0vdz7\"><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-12pzj9v\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1321
1327
|
```
|
|
1322
1328
|
|
|
1323
1329
|
## `spin`
|
|
@@ -1331,7 +1337,7 @@
|
|
|
1331
1337
|
#### `Spin overlay`
|
|
1332
1338
|
|
|
1333
1339
|
```
|
|
1334
|
-
"<div class=\"wrapper\"><div class=\"k-table css-
|
|
1340
|
+
"<div class=\"wrapper\"><div class=\"k-table css-q0uux7\"><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>"
|
|
1335
1341
|
```
|
|
1336
1342
|
|
|
1337
1343
|
## `spinner`
|
|
@@ -1395,7 +1401,7 @@
|
|
|
1395
1401
|
#### `Split complex`
|
|
1396
1402
|
|
|
1397
1403
|
```
|
|
1398
|
-
"<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-
|
|
1404
|
+
"<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-q0uux7\"><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-12pzj9v\" 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-zq7arh\"><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>"
|
|
1399
1405
|
```
|
|
1400
1406
|
|
|
1401
1407
|
#### `Split nested`
|
|
@@ -1497,187 +1503,187 @@
|
|
|
1497
1503
|
#### `Table animation`
|
|
1498
1504
|
|
|
1499
1505
|
```
|
|
1500
|
-
"<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">增加 一列 </button><div class=\"k-table css-
|
|
1506
|
+
"<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">增加 一列 </button><div class=\"k-table css-q0uux7\"><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-q0uux7\"><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>"
|
|
1501
1507
|
```
|
|
1502
1508
|
|
|
1503
1509
|
#### `Table basic`
|
|
1504
1510
|
|
|
1505
1511
|
```
|
|
1506
|
-
"<div class=\"k-table css-
|
|
1512
|
+
"<div class=\"k-table css-q0uux7\"><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>"
|
|
1507
1513
|
```
|
|
1508
1514
|
|
|
1509
1515
|
#### `Table checkType`
|
|
1510
1516
|
|
|
1511
1517
|
```
|
|
1512
|
-
"<div><div class=\"k-table css-
|
|
1518
|
+
"<div><div class=\"k-table css-q0uux7\"><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-q0uux7\"><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-q0uux7\"><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>"
|
|
1513
1519
|
```
|
|
1514
1520
|
|
|
1515
1521
|
#### `Table checkedKeys`
|
|
1516
1522
|
|
|
1517
1523
|
```
|
|
1518
|
-
"<div><div class=\"tables\"><div class=\"k-table css-
|
|
1524
|
+
"<div><div class=\"tables\"><div class=\"k-table css-q0uux7\"><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-q0uux7\"><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-q0uux7\"><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-q0uux7\"><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>"
|
|
1519
1525
|
```
|
|
1520
1526
|
|
|
1521
1527
|
#### `Table disableRow`
|
|
1522
1528
|
|
|
1523
1529
|
```
|
|
1524
|
-
"<div class=\"k-table css-
|
|
1530
|
+
"<div class=\"k-table css-q0uux7\"><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>"
|
|
1525
1531
|
```
|
|
1526
1532
|
|
|
1527
1533
|
#### `Table draggable`
|
|
1528
1534
|
|
|
1529
1535
|
```
|
|
1530
|
-
"<div class=\"k-table k-fix-header css-
|
|
1536
|
+
"<div class=\"k-table k-fix-header css-q0uux7\"><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>"
|
|
1531
1537
|
```
|
|
1532
1538
|
|
|
1533
1539
|
#### `Table empty`
|
|
1534
1540
|
|
|
1535
1541
|
```
|
|
1536
|
-
"<div><div class=\"k-table css-
|
|
1542
|
+
"<div><div class=\"k-table css-q0uux7\"><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-q0uux7\"><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>"
|
|
1537
1543
|
```
|
|
1538
1544
|
|
|
1539
1545
|
#### `Table export`
|
|
1540
1546
|
|
|
1541
1547
|
```
|
|
1542
|
-
"<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-
|
|
1548
|
+
"<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-q0uux7\"><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>"
|
|
1543
1549
|
```
|
|
1544
1550
|
|
|
1545
1551
|
#### `Table fixColumn`
|
|
1546
1552
|
|
|
1547
1553
|
```
|
|
1548
|
-
"<div><div class=\"k-table k-scroll-left k-fix-columns css-
|
|
1554
|
+
"<div><div class=\"k-table k-scroll-left k-fix-columns css-q0uux7\"><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-q0uux7\"><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>"
|
|
1549
1555
|
```
|
|
1550
1556
|
|
|
1551
1557
|
#### `Table fixHeader`
|
|
1552
1558
|
|
|
1553
1559
|
```
|
|
1554
|
-
"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-
|
|
1560
|
+
"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-q0uux7\"><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-q0uux7\"><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>"
|
|
1555
1561
|
```
|
|
1556
1562
|
|
|
1557
1563
|
#### `Table group`
|
|
1558
1564
|
|
|
1559
1565
|
```
|
|
1560
|
-
"<div class=\"tables\"><div class=\"k-table css-
|
|
1566
|
+
"<div class=\"tables\"><div class=\"k-table css-q0uux7\"><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-q0uux7\"><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>"
|
|
1561
1567
|
```
|
|
1562
1568
|
|
|
1563
1569
|
#### `Table groupHeader`
|
|
1564
1570
|
|
|
1565
1571
|
```
|
|
1566
|
-
"<div class=\"k-table k-fix-columns k-grid css-
|
|
1572
|
+
"<div class=\"k-table k-fix-columns k-grid css-q0uux7\"><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\"><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>"
|
|
1567
1573
|
```
|
|
1568
1574
|
|
|
1569
1575
|
#### `Table hideHeader`
|
|
1570
1576
|
|
|
1571
1577
|
```
|
|
1572
|
-
"<div><p>hideHeader: <div class=\"k-switch k-checked k-default css-158h2we\" 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-
|
|
1578
|
+
"<div><p>hideHeader: <div class=\"k-switch k-checked k-default css-158h2we\" 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-q0uux7\"><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>"
|
|
1573
1579
|
```
|
|
1574
1580
|
|
|
1575
1581
|
#### `Table loading`
|
|
1576
1582
|
|
|
1577
1583
|
```
|
|
1578
|
-
"<div><div class=\"k-table css-
|
|
1584
|
+
"<div><div class=\"k-table css-q0uux7\"><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>"
|
|
1579
1585
|
```
|
|
1580
1586
|
|
|
1581
1587
|
#### `Table mergeCell`
|
|
1582
1588
|
|
|
1583
1589
|
```
|
|
1584
|
-
"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-1kfv5pb\"><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-1kfv5pb\"><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>"
|
|
1590
|
+
"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-q0uux7\"><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-q0uux7\"><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>"
|
|
1585
1591
|
```
|
|
1586
1592
|
|
|
1587
1593
|
#### `Table pagination`
|
|
1588
1594
|
|
|
1589
1595
|
```
|
|
1590
|
-
"<div class=\"k-table css-
|
|
1596
|
+
"<div class=\"k-table css-q0uux7\"><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-mk35v2\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-12pzj9v\" 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-12pzj9v\" 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-12pzj9v\" 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-12pzj9v\" 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>"
|
|
1591
1597
|
```
|
|
1592
1598
|
|
|
1593
1599
|
#### `Table resizable`
|
|
1594
1600
|
|
|
1595
1601
|
```
|
|
1596
|
-
"<div class=\"k-table k-grid css-
|
|
1602
|
+
"<div class=\"k-table k-grid css-q0uux7\"><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>"
|
|
1597
1603
|
```
|
|
1598
1604
|
|
|
1599
1605
|
#### `Table rowCheckable`
|
|
1600
1606
|
|
|
1601
1607
|
```
|
|
1602
|
-
"<div class=\"tables\"><div class=\"k-table css-
|
|
1608
|
+
"<div class=\"tables\"><div class=\"k-table css-q0uux7\"><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-q0uux7\"><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>"
|
|
1603
1609
|
```
|
|
1604
1610
|
|
|
1605
1611
|
#### `Table rowClassName`
|
|
1606
1612
|
|
|
1607
1613
|
```
|
|
1608
|
-
"<div><div class=\"k-table css-
|
|
1614
|
+
"<div><div class=\"k-table css-q0uux7\"><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-q0uux7\"><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>"
|
|
1609
1615
|
```
|
|
1610
1616
|
|
|
1611
1617
|
#### `Table rowExpandable`
|
|
1612
1618
|
|
|
1613
1619
|
```
|
|
1614
|
-
"<div class=\"tables\"><div class=\"k-table k-with-expand css-
|
|
1620
|
+
"<div class=\"tables\"><div class=\"k-table k-with-expand css-q0uux7\"><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-q0uux7\"><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>"
|
|
1615
1621
|
```
|
|
1616
1622
|
|
|
1617
1623
|
#### `Table scheme`
|
|
1618
1624
|
|
|
1619
1625
|
```
|
|
1620
|
-
"<div class=\"k-table css-
|
|
1626
|
+
"<div class=\"k-table css-q0uux7\"><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>"
|
|
1621
1627
|
```
|
|
1622
1628
|
|
|
1623
1629
|
#### `Table scrollToRow`
|
|
1624
1630
|
|
|
1625
1631
|
```
|
|
1626
|
-
"<div class=\"wrapper\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-1kfv5pb\"><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>"
|
|
1632
|
+
"<div class=\"wrapper\"><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-q0uux7\"><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>"
|
|
1627
1633
|
```
|
|
1628
1634
|
|
|
1629
1635
|
#### `Table selectedKeys`
|
|
1630
1636
|
|
|
1631
1637
|
```
|
|
1632
|
-
"<div><div class=\"k-table css-
|
|
1638
|
+
"<div><div class=\"k-table css-q0uux7\"><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-q0uux7\"><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>"
|
|
1633
1639
|
```
|
|
1634
1640
|
|
|
1635
1641
|
#### `Table showIndeterminate`
|
|
1636
1642
|
|
|
1637
1643
|
```
|
|
1638
|
-
"<div><div class=\"k-table css-
|
|
1644
|
+
"<div><div class=\"k-table css-q0uux7\"><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>"
|
|
1639
1645
|
```
|
|
1640
1646
|
|
|
1641
1647
|
#### `Table sort`
|
|
1642
1648
|
|
|
1643
1649
|
```
|
|
1644
|
-
"<div class=\"k-table css-
|
|
1650
|
+
"<div class=\"k-table css-q0uux7\"><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>"
|
|
1645
1651
|
```
|
|
1646
1652
|
|
|
1647
1653
|
#### `Table stickHeader`
|
|
1648
1654
|
|
|
1649
1655
|
```
|
|
1650
|
-
"<div class=\"k-table css-
|
|
1656
|
+
"<div class=\"k-table css-q0uux7\"><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>"
|
|
1651
1657
|
```
|
|
1652
1658
|
|
|
1653
1659
|
#### `Table stickScrollbar`
|
|
1654
1660
|
|
|
1655
1661
|
```
|
|
1656
|
-
"<div class=\"k-table css-
|
|
1662
|
+
"<div class=\"k-table css-q0uux7\"><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>"
|
|
1657
1663
|
```
|
|
1658
1664
|
|
|
1659
1665
|
#### `Table title`
|
|
1660
1666
|
|
|
1661
1667
|
```
|
|
1662
|
-
"<div class=\"k-table css-
|
|
1668
|
+
"<div class=\"k-table css-q0uux7\"><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>"
|
|
1663
1669
|
```
|
|
1664
1670
|
|
|
1665
1671
|
#### `Table tooltip`
|
|
1666
1672
|
|
|
1667
1673
|
```
|
|
1668
|
-
"<div class=\"k-table css-
|
|
1674
|
+
"<div class=\"k-table css-q0uux7\"><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>"
|
|
1669
1675
|
```
|
|
1670
1676
|
|
|
1671
1677
|
#### `Table tree`
|
|
1672
1678
|
|
|
1673
1679
|
```
|
|
1674
|
-
"<div class=\"k-table css-
|
|
1680
|
+
"<div class=\"k-table css-q0uux7\"><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-12pzj9v\" 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-12pzj9v\" 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>"
|
|
1675
1681
|
```
|
|
1676
1682
|
|
|
1677
1683
|
#### `Table type`
|
|
1678
1684
|
|
|
1679
1685
|
```
|
|
1680
|
-
"<div><div class=\"k-table k-border css-
|
|
1686
|
+
"<div><div class=\"k-table k-border css-q0uux7\"><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-q0uux7\"><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>"
|
|
1681
1687
|
```
|
|
1682
1688
|
|
|
1683
1689
|
## `tabs`
|
|
@@ -1847,7 +1853,7 @@
|
|
|
1847
1853
|
#### `Tooltip always`
|
|
1848
1854
|
|
|
1849
1855
|
```
|
|
1850
|
-
"<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-
|
|
1856
|
+
"<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: 36.6875px; top: 26px;\">hello<i class=\"k-tooltip-arrow k-top\" style=\"left: 19.6796875px\"></i></div>"
|
|
1851
1857
|
```
|
|
1852
1858
|
|
|
1853
1859
|
#### `Tooltip basic`
|
|
@@ -1865,7 +1871,7 @@
|
|
|
1865
1871
|
#### `Tooltip position`
|
|
1866
1872
|
|
|
1867
1873
|
```
|
|
1868
|
-
"<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-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-12pzj9v\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-
|
|
1874
|
+
"<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-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" 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-12pzj9v\" 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: -58.5312px; top: -0.398438px;\">\"left\"<i class=\"k-tooltip-arrow k-right\" style=\"top: 11.3984375px\"></i></div></div></div></div></form>"
|
|
1869
1875
|
```
|
|
1870
1876
|
|
|
1871
1877
|
#### `Tooltip trigger`
|
|
@@ -2033,37 +2039,37 @@
|
|
|
2033
2039
|
#### `Upload basic`
|
|
2034
2040
|
|
|
2035
2041
|
```
|
|
2036
|
-
"<div class=\"k-upload css-
|
|
2042
|
+
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-19dubxk\" 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>"
|
|
2037
2043
|
```
|
|
2038
2044
|
|
|
2039
2045
|
#### `Upload directory`
|
|
2040
2046
|
|
|
2041
2047
|
```
|
|
2042
|
-
"<div class=\"k-upload css-
|
|
2048
|
+
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" directory=\"\" webkitdirectory=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-19dubxk\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-upload css-16qej3\"></i>点击上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
|
|
2043
2049
|
```
|
|
2044
2050
|
|
|
2045
2051
|
#### `Upload drag`
|
|
2046
2052
|
|
|
2047
2053
|
```
|
|
2048
|
-
"<div class=\"k-upload k-drag css-
|
|
2054
|
+
"<div class=\"k-upload k-drag css-11ra89e\"><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>"
|
|
2049
2055
|
```
|
|
2050
2056
|
|
|
2051
2057
|
#### `Upload files`
|
|
2052
2058
|
|
|
2053
2059
|
```
|
|
2054
|
-
"<div class=\"k-upload css-
|
|
2060
|
+
"<div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-default css-19dubxk\" 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\">test1.jpg</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\">test2.png</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\">test3.png</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><!--portal--></div>"
|
|
2055
2061
|
```
|
|
2056
2062
|
|
|
2057
2063
|
#### `Upload gallery`
|
|
2058
2064
|
|
|
2059
2065
|
```
|
|
2060
|
-
"<div class=\"k-upload k-gallery css-
|
|
2066
|
+
"<div class=\"k-upload k-gallery css-11ra89e\"><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>"
|
|
2061
2067
|
```
|
|
2062
2068
|
|
|
2063
2069
|
#### `Upload manually`
|
|
2064
2070
|
|
|
2065
2071
|
```
|
|
2066
|
-
"<div><div class=\"k-upload css-
|
|
2072
|
+
"<div><div class=\"k-upload css-11ra89e\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">选择文件</button></div><div class=\"k-upload-files\"></div><!--portal--></div><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">开始上传</button></div>"
|
|
2067
2073
|
```
|
|
2068
2074
|
|
|
2069
2075
|
## `wave`
|