@syncfusion/ej2-react-grids 22.2.11 → 23.1.36

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 (49) hide show
  1. package/CHANGELOG.md +25 -109
  2. package/diConfig.json +1 -1
  3. package/dist/ej2-react-grids.min.js +1 -1
  4. package/dist/ej2-react-grids.umd.min.js +1 -1
  5. package/package.json +9 -9
  6. package/styles/bootstrap-dark.css +373 -22
  7. package/styles/bootstrap.css +373 -22
  8. package/styles/bootstrap4.css +386 -22
  9. package/styles/bootstrap5-dark.css +373 -22
  10. package/styles/bootstrap5.css +373 -22
  11. package/styles/excel-filter/material-dark.css +0 -1
  12. package/styles/excel-filter/material.css +0 -1
  13. package/styles/excel-filter/material3-dark.css +0 -1
  14. package/styles/excel-filter/material3-dark.scss +1 -1
  15. package/styles/excel-filter/material3.css +0 -1
  16. package/styles/excel-filter/material3.scss +1 -1
  17. package/styles/excel-filter/tailwind-dark.css +0 -1
  18. package/styles/excel-filter/tailwind.css +0 -1
  19. package/styles/fabric-dark.css +373 -22
  20. package/styles/fabric.css +373 -22
  21. package/styles/fluent-dark.css +374 -23
  22. package/styles/fluent.css +374 -23
  23. package/styles/grid/bootstrap-dark.css +373 -22
  24. package/styles/grid/bootstrap.css +373 -22
  25. package/styles/grid/bootstrap4.css +386 -22
  26. package/styles/grid/bootstrap5-dark.css +373 -22
  27. package/styles/grid/bootstrap5.css +373 -22
  28. package/styles/grid/fabric-dark.css +373 -22
  29. package/styles/grid/fabric.css +373 -22
  30. package/styles/grid/fluent-dark.css +374 -23
  31. package/styles/grid/fluent.css +374 -23
  32. package/styles/grid/highcontrast-light.css +373 -22
  33. package/styles/grid/highcontrast.css +373 -22
  34. package/styles/grid/material-dark.css +378 -28
  35. package/styles/grid/material.css +373 -23
  36. package/styles/grid/material3-dark.css +390 -24
  37. package/styles/grid/material3-dark.scss +1 -1
  38. package/styles/grid/material3.css +390 -24
  39. package/styles/grid/material3.scss +1 -1
  40. package/styles/grid/tailwind-dark.css +373 -23
  41. package/styles/grid/tailwind.css +373 -23
  42. package/styles/highcontrast-light.css +373 -22
  43. package/styles/highcontrast.css +373 -22
  44. package/styles/material-dark.css +378 -28
  45. package/styles/material.css +373 -23
  46. package/styles/material3-dark.css +390 -25
  47. package/styles/material3.css +390 -24
  48. package/styles/tailwind-dark.css +373 -24
  49. package/styles/tailwind.css +373 -24
@@ -718,6 +718,14 @@
718
718
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
719
719
  line-height: 1;
720
720
  }
721
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
722
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
723
+ line-height: 12px;
724
+ }
725
+ .e-bigger .e-grid .e-xlsel-bottom-border,
726
+ .e-grid.e-bigger .e-xlsel-bottom-border {
727
+ line-height: 14px;
728
+ }
721
729
  .e-bigger .e-grid .e-filterbarcell input,
722
730
  .e-grid.e-bigger .e-filterbarcell input {
723
731
  font-size: 16px;
@@ -961,6 +969,10 @@
961
969
  margin: 6px 8px 6px 0;
962
970
  padding: 4px 6px 4px 9px;
963
971
  }
972
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
973
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
974
+ padding: 4px 6px 4px 9px;
975
+ }
964
976
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
965
977
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
966
978
  margin-left: -9px;
@@ -1121,6 +1133,23 @@
1121
1133
  background-color: #0078d4;
1122
1134
  height: 2px;
1123
1135
  position: absolute;
1136
+ z-index: 5;
1137
+ }
1138
+ .e-grid .e-frozenrow-border {
1139
+ background-color: #edebe9;
1140
+ height: 2px;
1141
+ position: relative;
1142
+ z-index: 5;
1143
+ }
1144
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1145
+ height: 0;
1146
+ }
1147
+ .e-grid.e-top-shadow .e-frozenrow-border {
1148
+ height: 4px;
1149
+ margin-top: -4px;
1150
+ background-color: transparent !important;
1151
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
1152
+ clip-path: inset(0px 0px -15px 0px);
1124
1153
  }
1125
1154
  .e-grid .e-grid-relative {
1126
1155
  position: relative;
@@ -1151,10 +1180,17 @@
1151
1180
  border-right: 1px solid #edebe9;
1152
1181
  border-bottom: 0;
1153
1182
  }
1183
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder {
1184
+ z-index: 5;
1185
+ }
1186
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1187
+ z-index: 6;
1188
+ }
1154
1189
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder {
1155
1190
  box-shadow: 0 2px 0 0 #0078d4;
1191
+ }
1192
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1156
1193
  position: relative;
1157
- z-index: 5;
1158
1194
  }
1159
1195
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1160
1196
  font-size: 16px;
@@ -1415,6 +1451,12 @@
1415
1451
  .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type, .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
1416
1452
  border-right: 0;
1417
1453
  }
1454
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1455
+ border-right: 0;
1456
+ }
1457
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1458
+ border-left: 0;
1459
+ }
1418
1460
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler, .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
1419
1461
  left: 0;
1420
1462
  }
@@ -1443,7 +1485,7 @@
1443
1485
  width: 1px;
1444
1486
  }
1445
1487
  .e-grid .e-virtual-rhandler {
1446
- z-index: 1;
1488
+ z-index: 5;
1447
1489
  }
1448
1490
  .e-grid.e-device .e-ricon::before {
1449
1491
  border-bottom: 6px solid transparent;
@@ -1528,9 +1570,12 @@
1528
1570
  -ms-user-select: none;
1529
1571
  user-select: none;
1530
1572
  }
1531
- .e-grid .e-gridcontent tr:first-child td {
1573
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1532
1574
  border-top: 0 none;
1533
1575
  }
1576
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1577
+ border-top-width: 2px;
1578
+ }
1534
1579
  .e-grid .e-gridheader tr:first-child th {
1535
1580
  border-top: 0 none;
1536
1581
  }
@@ -1552,10 +1597,11 @@
1552
1597
  border-top-style: solid;
1553
1598
  border-top-width: 1px;
1554
1599
  }
1555
- .e-grid .e-frozenhdrcont {
1600
+ .e-grid .e-frozenhdrcont,
1601
+ .e-grid .e-frozenhdr {
1556
1602
  border-bottom-width: 0;
1557
1603
  }
1558
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1604
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1559
1605
  border-top-style: solid;
1560
1606
  border-top-width: 1px;
1561
1607
  }
@@ -1595,6 +1641,26 @@
1595
1641
  white-space: nowrap;
1596
1642
  width: auto;
1597
1643
  }
1644
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1645
+ line-height: 19px;
1646
+ border-width: 1.5px;
1647
+ }
1648
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1649
+ line-height: 19px;
1650
+ border-width: 1.5px;
1651
+ }
1652
+ .e-grid.e-rtl.e-default.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-rtl.e-default.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1653
+ line-height: 19px;
1654
+ border-width: 1.5px;
1655
+ }
1656
+ .e-grid.e-wrap.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-wrap.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1657
+ line-height: 19px;
1658
+ border-width: 1.5px;
1659
+ }
1660
+ .e-grid.e-wrap.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-wrap.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1661
+ line-height: 19px;
1662
+ border-width: 1.5px;
1663
+ }
1598
1664
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1599
1665
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1600
1666
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1694,7 +1760,7 @@
1694
1760
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1695
1761
  margin-top: 0;
1696
1762
  }
1697
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1763
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1698
1764
  border-bottom-width: 1px;
1699
1765
  }
1700
1766
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1704,7 +1770,7 @@
1704
1770
  border-bottom: 1px solid;
1705
1771
  border-bottom-color: #edebe9;
1706
1772
  }
1707
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1773
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1708
1774
  border-bottom-width: 1px;
1709
1775
  }
1710
1776
  .e-grid.e-bothlines .e-rowcell {
@@ -1741,6 +1807,18 @@
1741
1807
  .e-grid.e-default .e-stackedheadercell {
1742
1808
  border-width: 1px 0 1px 1px;
1743
1809
  }
1810
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1811
+ border-right-width: 2px;
1812
+ }
1813
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1814
+ border-left-width: 2px;
1815
+ }
1816
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1817
+ border-left-width: 1px;
1818
+ }
1819
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1820
+ border-right-width: 1px;
1821
+ }
1744
1822
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1745
1823
  border-left-width: 0;
1746
1824
  }
@@ -1750,11 +1828,29 @@
1750
1828
  .e-grid.e-default table th[rowspan] {
1751
1829
  border-width: 0 0 0 1px;
1752
1830
  }
1831
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1832
+ border-right-width: 2px;
1833
+ }
1834
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1835
+ border-left-width: 2px;
1836
+ }
1837
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1838
+ border-left-width: 1px;
1839
+ }
1840
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1841
+ border-right-width: 1px;
1842
+ }
1843
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1844
+ border-left-width: 0;
1845
+ }
1753
1846
  .e-grid tr th.e-firstcell {
1754
1847
  border-left-style: solid;
1755
1848
  border-left-width: 1px;
1756
1849
  }
1757
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1850
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1851
+ border-left-width: 0;
1852
+ }
1853
+ .e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1758
1854
  border-left-width: 0;
1759
1855
  }
1760
1856
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1952,7 +2048,7 @@
1952
2048
  .e-grid.e-horizontallines .e-filterbarcell {
1953
2049
  border-width: 1px 0 0;
1954
2050
  }
1955
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
2051
+ .e-grid.e-horizontallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-verticallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-hidelines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1956
2052
  border-bottom-width: 1px;
1957
2053
  }
1958
2054
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2474,10 +2570,10 @@
2474
2570
  border-top: 0;
2475
2571
  padding: 0;
2476
2572
  }
2477
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2573
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2478
2574
  border-top: 1px solid;
2479
2575
  }
2480
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2576
+ .e-grid:not(.e-row-responsive, .e-left-shadow, .e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
2481
2577
  border-top: 0;
2482
2578
  }
2483
2579
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2639,6 +2735,107 @@
2639
2735
  border-left: 3px solid;
2640
2736
  border-right: 0;
2641
2737
  }
2738
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2739
+ z-index: 1;
2740
+ }
2741
+ .e-grid .e-leftfreeze,
2742
+ .e-grid .e-rightfreeze {
2743
+ position: sticky;
2744
+ z-index: 2;
2745
+ }
2746
+ .e-grid .e-fixedfreeze {
2747
+ position: sticky;
2748
+ z-index: 3;
2749
+ }
2750
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2751
+ border-top-width: 2px;
2752
+ line-height: 19px;
2753
+ }
2754
+ .e-grid .e-xlsel-left-border,
2755
+ .e-grid .e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-left-border, .e-grid.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border {
2756
+ border-left-width: 2px;
2757
+ }
2758
+ .e-grid .e-xlsel-right-border,
2759
+ .e-grid .e-fixedfreeze.e-freezerightborder.e-xlsel-right-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-right-border, .e-grid.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezerightborder.e-xlsel-right-border {
2760
+ border-right-width: 2px;
2761
+ }
2762
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2763
+ line-height: 19px;
2764
+ }
2765
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2766
+ line-height: 17px;
2767
+ }
2768
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2769
+ line-height: 19px;
2770
+ }
2771
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2772
+ line-height: 17px;
2773
+ }
2774
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2775
+ line-height: 17px;
2776
+ }
2777
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2778
+ line-height: 17px;
2779
+ }
2780
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2781
+ border-bottom-width: 2px;
2782
+ line-height: 19px;
2783
+ }
2784
+ .e-grid .e-virtual-content.e-content {
2785
+ overflow-x: hidden;
2786
+ }
2787
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2788
+ border-right-width: 2px;
2789
+ }
2790
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2791
+ clip-path: inset(0 -15px 0 0);
2792
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2793
+ }
2794
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2795
+ border-right-color: transparent;
2796
+ }
2797
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2798
+ box-shadow: 0 2px 0 0 #0078d4, 4px 0 8px rgba(0, 0, 0, 0.12);
2799
+ }
2800
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2801
+ clip-path: inset(0 0 0 -15px);
2802
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2803
+ }
2804
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2805
+ border-left-color: transparent;
2806
+ }
2807
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2808
+ box-shadow: 0 2px 0 0 #0078d4, -4px 0 8px rgba(0, 0, 0, 0.12);
2809
+ }
2810
+ .e-grid .e-rightfreeze.e-freezerightborder {
2811
+ border-left-width: 2px;
2812
+ }
2813
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2814
+ clip-path: inset(0 0 0 -15px);
2815
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2816
+ }
2817
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2818
+ border-left-color: transparent;
2819
+ }
2820
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2821
+ box-shadow: 0 2px 0 0 #0078d4, -4px 0 8px rgba(0, 0, 0, 0.12);
2822
+ }
2823
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2824
+ clip-path: inset(0 -15px 0 0);
2825
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2826
+ }
2827
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2828
+ border-right-color: transparent;
2829
+ }
2830
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2831
+ box-shadow: 0 2px 0 0 #0078d4, 4px 0 8px rgba(0, 0, 0, 0.12);
2832
+ }
2833
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2834
+ border-left-width: 1px;
2835
+ }
2836
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2837
+ border-right-width: 1px;
2838
+ }
2642
2839
  .e-grid .e-frozenheader {
2643
2840
  float: left;
2644
2841
  width: min-content;
@@ -2736,6 +2933,18 @@
2736
2933
  padding-left: 0;
2737
2934
  padding-right: 8px;
2738
2935
  }
2936
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2937
+ border-left-width: 2px;
2938
+ }
2939
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2940
+ border-right-width: 2px;
2941
+ }
2942
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2943
+ border-right-width: 1px;
2944
+ }
2945
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2946
+ border-left-width: 1px;
2947
+ }
2739
2948
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2740
2949
  border-width: 0;
2741
2950
  text-align: right;
@@ -2856,6 +3065,36 @@
2856
3065
  .e-grid.e-rtl .e-rowcell {
2857
3066
  border-width: 1px 0 0;
2858
3067
  }
3068
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3069
+ border-left-width: 2px;
3070
+ }
3071
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3072
+ border-right-width: 2px;
3073
+ }
3074
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3075
+ border-right-width: 1px;
3076
+ }
3077
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3078
+ border-left-width: 1px;
3079
+ }
3080
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3081
+ border-left-width: 2px;
3082
+ }
3083
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3084
+ border-right-width: 2px;
3085
+ }
3086
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3087
+ border-right-width: 1px;
3088
+ }
3089
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3090
+ border-left-width: 1px;
3091
+ }
3092
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3093
+ border-left-width: 0;
3094
+ }
3095
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3096
+ border-right-width: 0;
3097
+ }
2859
3098
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2860
3099
  border-width: 1px 0 0;
2861
3100
  }
@@ -2877,7 +3116,7 @@
2877
3116
  .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
2878
3117
  border-left-width: 0;
2879
3118
  }
2880
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3119
+ .e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
2881
3120
  border-left: 0;
2882
3121
  }
2883
3122
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2964,6 +3203,18 @@
2964
3203
  .e-grid.e-rtl.e-default table th[rowspan] {
2965
3204
  border-width: 0 1px 0 0;
2966
3205
  }
3206
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3207
+ border-left-width: 2px;
3208
+ }
3209
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3210
+ border-right-width: 2px;
3211
+ }
3212
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3213
+ border-right-width: 1px;
3214
+ }
3215
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3216
+ border-left-width: 1px;
3217
+ }
2967
3218
  .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
2968
3219
  border-left: 1px solid;
2969
3220
  border-right: 0;
@@ -2990,7 +3241,7 @@
2990
3241
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2991
3242
  border-width: 1px 0 0;
2992
3243
  }
2993
- .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
3244
+ .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
2994
3245
  border-bottom-width: 1px;
2995
3246
  }
2996
3247
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -3018,7 +3269,7 @@
3018
3269
  .e-grid.e-rtl .e-ungroupbutton {
3019
3270
  float: left;
3020
3271
  }
3021
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3272
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
3022
3273
  border-style: solid;
3023
3274
  border-width: 0 0 0 1px;
3024
3275
  }
@@ -3064,6 +3315,12 @@
3064
3315
  white-space: normal;
3065
3316
  word-wrap: break-word;
3066
3317
  }
3318
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3319
+ line-height: 17px;
3320
+ }
3321
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3322
+ line-height: 19px;
3323
+ }
3067
3324
  .e-grid .e-stackedheadercelldiv {
3068
3325
  overflow: hidden;
3069
3326
  text-overflow: ellipsis;
@@ -3096,15 +3353,15 @@
3096
3353
  top: -1000px;
3097
3354
  width: 1px;
3098
3355
  }
3099
- .e-grid.e-resize-lines th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines th.e-headercell.e-firstcell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell {
3356
+ .e-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
3100
3357
  border-left: 0;
3101
3358
  border-right: 0;
3102
3359
  border-top: 0;
3103
3360
  }
3104
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
3361
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
3105
3362
  border-right: 0;
3106
3363
  }
3107
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3364
+ .e-grid.e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3108
3365
  border-left: 0;
3109
3366
  }
3110
3367
  .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
@@ -3268,7 +3525,7 @@
3268
3525
  }
3269
3526
  .e-bigger .e-grid .e-gridheader thead .e-icons,
3270
3527
  .e-bigger.e-grid .e-gridheader thead .e-icons {
3271
- font-size: 10px;
3528
+ font-size: 18px;
3272
3529
  }
3273
3530
  .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
3274
3531
  .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv {
@@ -3919,6 +4176,9 @@
3919
4176
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3920
4177
  box-shadow: 0 0 0 1px #0078d4 inset;
3921
4178
  }
4179
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
4180
+ border-color: #0078d4;
4181
+ }
3922
4182
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3923
4183
  color: #605e5c;
3924
4184
  }
@@ -3940,6 +4200,9 @@
3940
4200
  border-color: #0078d4;
3941
4201
  z-index: 1;
3942
4202
  }
4203
+ .e-grid .e-autofill.e-freeze-autofill {
4204
+ z-index: 5;
4205
+ }
3943
4206
  .e-grid .e-xlsel {
3944
4207
  background-color: transparent;
3945
4208
  border-style: solid;
@@ -3950,6 +4213,7 @@
3950
4213
  background-color: #0078d4;
3951
4214
  border-color: #0078d4;
3952
4215
  position: absolute;
4216
+ z-index: 3;
3953
4217
  }
3954
4218
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3955
4219
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3957,9 +4221,36 @@
3957
4221
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3958
4222
  .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
3959
4223
  box-shadow: 0 2px 0 0 #0078d4;
3960
- position: relative;
3961
4224
  z-index: 5;
3962
4225
  }
4226
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4227
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4228
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4229
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4230
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze {
4231
+ z-index: 6;
4232
+ }
4233
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4234
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4235
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4236
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4237
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze {
4238
+ z-index: 6;
4239
+ }
4240
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4241
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4242
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4243
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4244
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze {
4245
+ z-index: 6;
4246
+ }
4247
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4248
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4249
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4250
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4251
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader thead tr th.e-firstrowdragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
4252
+ position: relative;
4253
+ }
3963
4254
  .e-grid .e-gridheader {
3964
4255
  background-color: transparent;
3965
4256
  border-bottom-color: #edebe9;
@@ -3969,6 +4260,9 @@
3969
4260
  .e-grid .e-gridcontent tr:first-child td {
3970
4261
  border-top-color: transparent;
3971
4262
  }
4263
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4264
+ border-top-color: #edebe9;
4265
+ }
3972
4266
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3973
4267
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3974
4268
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4073,6 +4367,60 @@
4073
4367
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
4074
4368
  border-right-color: #fff;
4075
4369
  }
4370
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4371
+ border-left-color: #edebe9;
4372
+ }
4373
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4374
+ border-right-color: #edebe9;
4375
+ }
4376
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4377
+ border-right-color: #edebe9;
4378
+ }
4379
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4380
+ border-left-color: #edebe9;
4381
+ }
4382
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4383
+ border-right-color: #edebe9;
4384
+ }
4385
+ .e-grid .e-rightfreeze.e-freezerightborder {
4386
+ border-left-color: #edebe9;
4387
+ }
4388
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4389
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4390
+ border-left-color: #edebe9;
4391
+ }
4392
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4393
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4394
+ border-right-color: #edebe9;
4395
+ }
4396
+ .e-grid .e-xlsel-top-border {
4397
+ border-top-color: #edebe9;
4398
+ }
4399
+ .e-grid .e-xlsel-left-border {
4400
+ border-left-color: #edebe9;
4401
+ }
4402
+ .e-grid .e-xlsel-right-border {
4403
+ border-right-color: #edebe9;
4404
+ }
4405
+ .e-grid .e-xlsel-bottom-border {
4406
+ border-bottom-color: #edebe9;
4407
+ }
4408
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4409
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4410
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4411
+ background-color: #fff;
4412
+ }
4413
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4414
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4415
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4416
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4417
+ background-color: #f3f2f1;
4418
+ }
4419
+ .e-grid .e-gridfooter .e-leftfreeze,
4420
+ .e-grid .e-gridfooter .e-rightfreeze,
4421
+ .e-grid .e-gridfooter .e-fixedfreeze {
4422
+ background-color: #faf9f8;
4423
+ }
4076
4424
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4077
4425
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4078
4426
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4180,7 +4528,7 @@
4180
4528
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4181
4529
  border: 0 none;
4182
4530
  }
4183
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4531
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4184
4532
  border-bottom: 1px solid #edebe9;
4185
4533
  border-right: 1px solid #edebe9;
4186
4534
  }
@@ -4261,11 +4609,11 @@
4261
4609
  background-color: #dff6dd;
4262
4610
  color: #0b6a0b;
4263
4611
  }
4264
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4612
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4265
4613
  border-top-color: #edebe9;
4266
4614
  }
4267
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4268
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4615
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4616
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4269
4617
  border-top: 1px solid #edebe9;
4270
4618
  }
4271
4619
  .e-grid .e-ccdlg .e-footer-content {
@@ -4281,6 +4629,9 @@
4281
4629
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4282
4630
  color: #201f1e;
4283
4631
  }
4632
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4633
+ box-shadow: none;
4634
+ }
4284
4635
  .e-grid .e-cloneproperties.e-draganddrop table,
4285
4636
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4286
4637
  background-color: #f3f2f1;