@progress/kendo-themes-html 6.1.1-dev.4 → 6.1.1-dev.53

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.
Files changed (98) hide show
  1. package/dist/action-sheet/tests/action-sheet-treeview.js +1 -1
  2. package/dist/action-sheet/tests/action-sheet-treeview.js.map +2 -2
  3. package/dist/filemanager/tests/filemanager-contextmenu.js +1 -1
  4. package/dist/filemanager/tests/filemanager-contextmenu.js.map +2 -2
  5. package/dist/filemanager/tests/filemanager-drag-hint.js +1 -1
  6. package/dist/filemanager/tests/filemanager-drag-hint.js.map +2 -2
  7. package/dist/filemanager/tests/filemanager-gridview.js +1 -1
  8. package/dist/filemanager/tests/filemanager-gridview.js.map +2 -2
  9. package/dist/filemanager/tests/filemanager-listview.js +1 -1
  10. package/dist/filemanager/tests/filemanager-listview.js.map +2 -2
  11. package/dist/filemanager/tests/filemanager-preview.js +1 -1
  12. package/dist/filemanager/tests/filemanager-preview.js.map +2 -2
  13. package/dist/gantt/tests/gantt-react.js +1 -1
  14. package/dist/gantt/tests/gantt-react.js.map +2 -2
  15. package/dist/gantt/tests/gantt.js +1 -1
  16. package/dist/gantt/tests/gantt.js.map +2 -2
  17. package/dist/grid/tests/grid-grouping-blazor.js +1 -1
  18. package/dist/grid/tests/grid-grouping-blazor.js.map +2 -2
  19. package/dist/grid/tests/grid-grouping-detail-template.js +1 -1
  20. package/dist/grid/tests/grid-grouping-detail-template.js.map +2 -2
  21. package/dist/grid/tests/grid-grouping.js +1 -1
  22. package/dist/grid/tests/grid-grouping.js.map +2 -2
  23. package/dist/grid/tests/grid-hierarchy.js +1 -1
  24. package/dist/grid/tests/grid-hierarchy.js.map +2 -2
  25. package/dist/grid/tests/grid-locked-columns-rtl.js +1 -1
  26. package/dist/grid/tests/grid-locked-columns-rtl.js.map +2 -2
  27. package/dist/grid/tests/grid-locked-columns.js +1 -1
  28. package/dist/grid/tests/grid-locked-columns.js.map +2 -2
  29. package/dist/grid/tests/grid-rows-states.js +1 -1
  30. package/dist/grid/tests/grid-rows-states.js.map +2 -2
  31. package/dist/grid/tests/grid-rtl.js +1 -1
  32. package/dist/grid/tests/grid-rtl.js.map +2 -2
  33. package/dist/grid/tests/grid-size-sm-comp-sm.js +1 -1
  34. package/dist/grid/tests/grid-size-sm-comp-sm.js.map +2 -2
  35. package/dist/grid/tests/grid-size-sm.js +1 -1
  36. package/dist/grid/tests/grid-size-sm.js.map +2 -2
  37. package/dist/grid/tests/grid-sticky-columns-rtl.js +1 -1
  38. package/dist/grid/tests/grid-sticky-columns-rtl.js.map +2 -2
  39. package/dist/grid/tests/grid-sticky-columns.js +1 -1
  40. package/dist/grid/tests/grid-sticky-columns.js.map +2 -2
  41. package/dist/grid/tests/grid.js +1 -1
  42. package/dist/grid/tests/grid.js.map +2 -2
  43. package/dist/index.js +1 -1
  44. package/dist/index.js.map +2 -2
  45. package/dist/pivotgrid/tests/pivotgrid-column-menus.js +1 -1
  46. package/dist/pivotgrid/tests/pivotgrid-column-menus.js.map +2 -2
  47. package/dist/pivotgrid/tests/pivotgrid-jquery-configurator.js +1 -1
  48. package/dist/pivotgrid/tests/pivotgrid-jquery-configurator.js.map +2 -2
  49. package/dist/pivotgrid/tests/pivotgrid-jquery.js +2 -2
  50. package/dist/pivotgrid/tests/pivotgrid-jquery.js.map +2 -2
  51. package/dist/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js +1 -1
  52. package/dist/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js.map +2 -2
  53. package/dist/pivotgrid/tests/pivotgrid-settings-panel-vertical.js +1 -1
  54. package/dist/pivotgrid/tests/pivotgrid-settings-panel-vertical.js.map +2 -2
  55. package/dist/pivotgrid/tests/pivotgrid-settings-top.js +1 -1
  56. package/dist/pivotgrid/tests/pivotgrid-settings-top.js.map +2 -2
  57. package/dist/pivotgrid/tests/pivotgrid.js +1 -1
  58. package/dist/pivotgrid/tests/pivotgrid.js.map +2 -2
  59. package/dist/popup/tests/popup-dropdowntree.js +1 -1
  60. package/dist/popup/tests/popup-dropdowntree.js.map +2 -2
  61. package/dist/spreadsheet/tests/spreadsheet-filter-menu.js +1 -1
  62. package/dist/spreadsheet/tests/spreadsheet-filter-menu.js.map +2 -2
  63. package/dist/treelist/tests/treelist-aggregate-react.js +1 -1
  64. package/dist/treelist/tests/treelist-aggregate-react.js.map +2 -2
  65. package/dist/treelist/tests/treelist-aggregates.js +1 -1
  66. package/dist/treelist/tests/treelist-aggregates.js.map +2 -2
  67. package/dist/treelist/tests/treelist-react.js +1 -1
  68. package/dist/treelist/tests/treelist-react.js.map +2 -2
  69. package/dist/treelist/tests/treelist.js +1 -1
  70. package/dist/treelist/tests/treelist.js.map +2 -2
  71. package/dist/treeview/tests/treeview-size.js +1 -1
  72. package/dist/treeview/tests/treeview-size.js.map +2 -2
  73. package/dist/treeview/tests/treeview.js +1 -1
  74. package/dist/treeview/tests/treeview.js.map +2 -2
  75. package/dist/treeview/treeview-item.js +1 -1
  76. package/dist/treeview/treeview-item.js.map +2 -2
  77. package/package.json +2 -2
  78. package/src/gantt/tests/gantt-react.tsx +7 -7
  79. package/src/gantt/tests/gantt.tsx +7 -7
  80. package/src/grid/tests/grid-grouping-blazor.tsx +6 -6
  81. package/src/grid/tests/grid-grouping-detail-template.tsx +10 -10
  82. package/src/grid/tests/grid-grouping.tsx +4 -4
  83. package/src/grid/tests/grid-hierarchy.tsx +2 -2
  84. package/src/grid/tests/grid-locked-columns-rtl.tsx +2 -2
  85. package/src/grid/tests/grid-locked-columns.tsx +2 -2
  86. package/src/grid/tests/grid-rows-states.tsx +1 -1
  87. package/src/grid/tests/grid-rtl.tsx +2 -2
  88. package/src/grid/tests/grid-size-sm-comp-sm.tsx +4 -4
  89. package/src/grid/tests/grid-size-sm.tsx +4 -4
  90. package/src/grid/tests/grid-sticky-columns-rtl.tsx +3 -3
  91. package/src/grid/tests/grid-sticky-columns.tsx +2 -2
  92. package/src/grid/tests/grid.tsx +2 -2
  93. package/src/pivotgrid/tests/pivotgrid-jquery.tsx +11 -11
  94. package/src/treelist/tests/treelist-aggregate-react.tsx +7 -7
  95. package/src/treelist/tests/treelist-aggregates.tsx +11 -11
  96. package/src/treelist/tests/treelist-react.tsx +3 -3
  97. package/src/treelist/tests/treelist.tsx +5 -5
  98. package/src/treeview/treeview-item.tsx +1 -1
package/dist/grid/tests/grid-locked-columns.js CHANGED
@@ -163,7 +163,7 @@
163
163
  }
164
164
  `;
165
165
  root.render(
166
- /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-display-block k-reorderable k-grid-lockedcolumns" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-locked", style: { width: "400px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "150px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Order ID")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Name")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" })))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap k-auto-scrollable", style: { width: "581px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "1000px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Country")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship City")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Address")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" }))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-resize-handle", style: { top: "0px", left: "595.5px", height: "37px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-resize-handle-inner" })))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content-locked", style: { width: "400px", height: "303px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "150px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10248"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Vins et alcools Chevalier")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10249"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Toms Spezialit\xE4ten")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10250"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Hanari Carnes")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-hover" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10251"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Victuailles en stock (Hovered)")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-selected" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10252"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Supr\xEAmes d\xE9lices (Selected)")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-hover k-selected" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10253"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Hanari (Selected and Hovered)")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10254"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chop-suey Chinese")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10255"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Richter Supermarkt"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-auto-scrollable", style: { width: "597px", height: "320px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table", style: { width: "1000px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "France"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Reims"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "59 rue de l'Abbaye")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Germany"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "M\xFCnster"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Luisenstr. 48")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Brazil"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Rio de Janeiro"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Rua do Pa\xE7o, 67")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-hover" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "France"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Lyon"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "2, rue du Commerce")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-selected" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Belgium"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Charleroi"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Boulevard Tirou, 255")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-selected k-hover" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Brazil"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Rio de Janeiro"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Rua do Pa\xE7o, 67")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Switzerland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Bern"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Hauptstr. 31")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Switzerland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Gen\xE8ve"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Starenweg 5")))))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, "jQuery Grid - Frozen columns and sorting"), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "1000px", height: "200px" }, className: "k-grid k-grid-md k-grid-display-block k-grid-lockedcolumns" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-locked", style: { width: "400px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "150px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "250px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { rowSpan: 1, className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Order ID")))), /* @__PURE__ */ import_react.default.createElement("th", { rowSpan: 1, className: "k-table-th k-header k-sorted" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Name"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-sort-icon" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-sort-order" }, "1")))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap k-auto-scrollable", style: { width: "581px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "900px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "500px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { rowSpan: 1, className: "k-table-th k-header k-sorted" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Country"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-sort-icon" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-sort-order" }, "2")))), /* @__PURE__ */ import_react.default.createElement("th", { rowSpan: 1, className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship City"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content-locked", style: { width: "400px", height: "146px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "150px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "250px" }, className: "k-sorted" })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10374"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Wolski Zajazd")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10611"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Wolski Zajazd")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10792"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Wolski Zajazd")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10792"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Wolski Zajazd"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-auto-scrollable", style: { width: "597px", height: "161px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table", role: "grid", style: { height: "auto", width: "900px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" }, className: "k-sorted" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "500px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Poland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Warszawa")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Poland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Warszawa")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Poland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Warszawa")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Poland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Warszawa"))))))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Angular Grid with locked columns, Grouping and Multiline headers"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-lockedcolumns grid-styling-overrides", style: { height: "430px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-locked", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "200px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "350px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 2, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Product ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 2, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Product Name"))))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 3 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Availability")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 2, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Discontinued"))))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Unit Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units On Order")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units In Stock"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content-locked", style: { width: "582px", height: "570px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-table-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "200px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "350px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row", style: { height: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 3 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Discontinued: false"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Chai")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Chang")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "3"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Aniseed Syrup")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "4"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Chef Anton's Cajun Seasoning")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "6"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Grandma's Boysenberry Spread")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer", style: { height: "39px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row", style: { height: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 3 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Discontinued: true"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "5"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Chef Anton's Gumbo Mix")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer", style: { height: "39px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })))), /* @__PURE__ */ import_react.default.createElement("div", null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-virtual-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-table-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row", style: { height: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 4 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "18"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "39"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "19"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "40"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "17"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "10"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "70"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "13"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "22"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "53"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "25"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "120"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer", style: { height: "39px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Sum: 94"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row", style: { height: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 4 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "21.35"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer", style: { height: "39px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Sum: 24"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }))))), /* @__PURE__ */ import_react.default.createElement("div", null), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-footer-locked", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-footer-table", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "200px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "350px" } })), /* @__PURE__ */ import_react.default.createElement("tfoot", { className: "k-table-tfoot" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-footer-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-footer-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } })), /* @__PURE__ */ import_react.default.createElement("tfoot", { className: "k-table-tfoot" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Total Unit Price: 115.35"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })))))))))))
166
+ /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-display-block k-reorderable k-grid-lockedcolumns" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-locked", style: { width: "400px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "150px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Order ID")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Name")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" })))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap k-auto-scrollable", style: { width: "581px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "1000px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Country")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship City")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" })))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header k-filterable" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Address")), /* @__PURE__ */ import_react.default.createElement("a", { className: "k-grid-header-menu k-grid-column-menu", href: "#" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "more-vertical" }))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-resize-handle", style: { top: "0px", left: "595.5px", height: "37px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-resize-handle-inner" })))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content-locked", style: { width: "400px", height: "303px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "150px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10248"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Vins et alcools Chevalier")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10249"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Toms Spezialit\xE4ten")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10250"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Hanari Carnes")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-hover" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10251"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Victuailles en stock (Hovered)")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-selected" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10252"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Supr\xEAmes d\xE9lices (Selected)")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-hover k-selected" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10253"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Hanari (Selected and Hovered)")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10254"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Chop-suey Chinese")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10255"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Richter Supermarkt"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-auto-scrollable", style: { width: "597px", height: "320px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table", style: { width: "1000px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "France"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Reims"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "59 rue de l'Abbaye")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Germany"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "M\xFCnster"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Luisenstr. 48")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Brazil"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Rio de Janeiro"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Rua do Pa\xE7o, 67")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-hover" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "France"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Lyon"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "2, rue du Commerce")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-selected" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Belgium"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Charleroi"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Boulevard Tirou, 255")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-selected k-hover" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Brazil"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Rio de Janeiro"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Rua do Pa\xE7o, 67")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Switzerland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Bern"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Hauptstr. 31")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Switzerland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Gen\xE8ve"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Starenweg 5")))))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, "jQuery Grid - Frozen columns and sorting"), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "1000px", height: "200px" }, className: "k-grid k-grid-md k-grid-display-block k-grid-lockedcolumns" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-locked", style: { width: "400px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "150px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "250px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { rowSpan: 1, className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Order ID")))), /* @__PURE__ */ import_react.default.createElement("th", { rowSpan: 1, className: "k-table-th k-header k-sorted" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Name"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-sort-icon" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-desc-small" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-sort-order" }, "1")))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap k-auto-scrollable", style: { width: "581px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "900px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "500px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { rowSpan: 1, className: "k-table-th k-header k-sorted" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship Country"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-sort-icon" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "sort-asc-small" })), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-sort-order" }, "2")))), /* @__PURE__ */ import_react.default.createElement("th", { rowSpan: 1, className: "k-table-th k-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Ship City"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content-locked", style: { width: "400px", height: "146px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "150px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "250px" }, className: "k-sorted" })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10374"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Wolski Zajazd")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10611"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Wolski Zajazd")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10792"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Wolski Zajazd")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "10792"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Wolski Zajazd"))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-auto-scrollable", style: { width: "597px", height: "161px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table", role: "grid", style: { height: "auto", width: "900px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "400px" }, className: "k-sorted" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "500px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Poland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Warszawa")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Poland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Warszawa")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Poland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Warszawa")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Poland"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Warszawa"))))))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Angular Grid with locked columns, Grouping and Multiline headers"), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid k-grid-md k-grid-lockedcolumns grid-styling-overrides", style: { height: "430px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-aria-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-locked", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "200px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "350px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 2, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Product ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 2, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Product Name"))))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-group-cell k-header" }))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } })), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 3 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Availability")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 2, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Discontinued"))))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Unit Price")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units On Order")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1, colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Units In Stock"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content-locked", style: { width: "582px", height: "570px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-table-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "200px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "350px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row", style: { height: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 3 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Discontinued: false"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Chai")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "2"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Chang")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "3"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Aniseed Syrup")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "4"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Chef Anton's Cajun Seasoning")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "6"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Grandma's Boysenberry Spread")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer", style: { height: "39px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row", style: { height: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 3 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Discontinued: true"))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "5"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "Chef Anton's Gumbo Mix")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer", style: { height: "39px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })))), /* @__PURE__ */ import_react.default.createElement("div", null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-virtual-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-table-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } })), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row", style: { height: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 4 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "18"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "39"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "19"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "40"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "17"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "10"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "70"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "13"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "22"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "53"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row", style: { width: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "25"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "120"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer", style: { height: "39px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Sum: 94"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-group-row k-grouping-row", style: { height: "37px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 4 }, /* @__PURE__ */ import_react.default.createElement("p", { className: "k-reset" }))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt", style: { height: "38px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "21.35"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, "0"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td", colSpan: 1 }, /* @__PURE__ */ import_react.default.createElement(Checkbox, null))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-group-footer", style: { height: "39px" } }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Sum: 24"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }))))), /* @__PURE__ */ import_react.default.createElement("div", null), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-height-container" }, /* @__PURE__ */ import_react.default.createElement("div", null)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-footer-locked", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-footer-table", style: { width: "582px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { className: "k-group-col" }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "200px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "350px" } })), /* @__PURE__ */ import_react.default.createElement("tfoot", { className: "k-table-tfoot" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-table-group-td k-group-cell" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-footer-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-footer-table" }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } }), /* @__PURE__ */ import_react.default.createElement("col", { style: { height: "120px" } })), /* @__PURE__ */ import_react.default.createElement("tfoot", { className: "k-table-tfoot" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-footer-template" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "Total Unit Price: 115.35"), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })))))))))))
167
167
  );
168
168
  })();
169
169
  //# sourceMappingURL=grid-locked-columns.js.map