@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
@@ -721,6 +721,14 @@
721
721
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
722
722
  line-height: 24px;
723
723
  }
724
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
725
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
726
+ line-height: 20px;
727
+ }
728
+ .e-bigger .e-grid .e-xlsel-bottom-border,
729
+ .e-grid.e-bigger .e-xlsel-bottom-border {
730
+ line-height: 22px;
731
+ }
724
732
  .e-bigger .e-grid .e-filterbarcell input,
725
733
  .e-grid.e-bigger .e-filterbarcell input {
726
734
  font-size: 16px;
@@ -950,6 +958,10 @@
950
958
  margin: 14px 9px 0 0;
951
959
  padding: 6px 6px 4px 9px;
952
960
  }
961
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
962
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
963
+ padding: 0 10px;
964
+ }
953
965
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
954
966
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
955
967
  margin-left: -9px;
@@ -1108,6 +1120,23 @@
1108
1120
  background-color: #317ab9;
1109
1121
  height: 2px;
1110
1122
  position: absolute;
1123
+ z-index: 5;
1124
+ }
1125
+ .e-grid .e-frozenrow-border {
1126
+ background-color: #6c757d;
1127
+ height: 2px;
1128
+ position: relative;
1129
+ z-index: 5;
1130
+ }
1131
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1132
+ height: 0;
1133
+ }
1134
+ .e-grid.e-top-shadow .e-frozenrow-border {
1135
+ height: 4px;
1136
+ margin-top: -4px;
1137
+ background-color: transparent !important;
1138
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
1139
+ clip-path: inset(0px 0px -15px 0px);
1111
1140
  }
1112
1141
  .e-grid .e-grid-relative {
1113
1142
  position: relative;
@@ -1138,10 +1167,17 @@
1138
1167
  border-right: 1px solid #dee2e6;
1139
1168
  border-bottom: 0;
1140
1169
  }
1170
+ .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 {
1171
+ z-index: 5;
1172
+ }
1173
+ .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 {
1174
+ z-index: 6;
1175
+ }
1141
1176
  .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 {
1142
1177
  box-shadow: 0 2px 0 0 #317ab9;
1178
+ }
1179
+ .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) {
1143
1180
  position: relative;
1144
- z-index: 5;
1145
1181
  }
1146
1182
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1147
1183
  font-size: 14px;
@@ -1402,6 +1438,12 @@
1402
1438
  .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 {
1403
1439
  border-right: 0;
1404
1440
  }
1441
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1442
+ border-right: 0;
1443
+ }
1444
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1445
+ border-left: 0;
1446
+ }
1405
1447
  .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 {
1406
1448
  left: 0;
1407
1449
  }
@@ -1430,7 +1472,7 @@
1430
1472
  width: 1px;
1431
1473
  }
1432
1474
  .e-grid .e-virtual-rhandler {
1433
- z-index: 1;
1475
+ z-index: 5;
1434
1476
  }
1435
1477
  .e-grid.e-device .e-ricon::before {
1436
1478
  border-bottom: 6px solid transparent;
@@ -1515,9 +1557,12 @@
1515
1557
  -ms-user-select: none;
1516
1558
  user-select: none;
1517
1559
  }
1518
- .e-grid .e-gridcontent tr:first-child td {
1560
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1519
1561
  border-top: 0 none;
1520
1562
  }
1563
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1564
+ border-top-width: 2px;
1565
+ }
1521
1566
  .e-grid .e-gridheader tr:first-child th {
1522
1567
  border-top: 0 none;
1523
1568
  }
@@ -1539,10 +1584,11 @@
1539
1584
  border-top-style: solid;
1540
1585
  border-top-width: 1px;
1541
1586
  }
1542
- .e-grid .e-frozenhdrcont {
1587
+ .e-grid .e-frozenhdrcont,
1588
+ .e-grid .e-frozenhdr {
1543
1589
  border-bottom-width: 0;
1544
1590
  }
1545
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1591
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1546
1592
  border-top-style: solid;
1547
1593
  border-top-width: 1px;
1548
1594
  }
@@ -1582,6 +1628,26 @@
1582
1628
  white-space: nowrap;
1583
1629
  width: auto;
1584
1630
  }
1631
+ .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) {
1632
+ line-height: 19px;
1633
+ border-width: 1.5px;
1634
+ }
1635
+ .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) {
1636
+ line-height: 19px;
1637
+ border-width: 1.5px;
1638
+ }
1639
+ .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) {
1640
+ line-height: 19px;
1641
+ border-width: 1.5px;
1642
+ }
1643
+ .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) {
1644
+ line-height: 19px;
1645
+ border-width: 1.5px;
1646
+ }
1647
+ .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) {
1648
+ line-height: 19px;
1649
+ border-width: 1.5px;
1650
+ }
1585
1651
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1586
1652
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1587
1653
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1681,7 +1747,7 @@
1681
1747
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1682
1748
  margin-top: 0;
1683
1749
  }
1684
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1750
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1685
1751
  border-bottom-width: 1px;
1686
1752
  }
1687
1753
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1691,7 +1757,7 @@
1691
1757
  border-bottom: 1px solid;
1692
1758
  border-bottom-color: #dee2e6;
1693
1759
  }
1694
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1760
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1695
1761
  border-bottom-width: 1px;
1696
1762
  }
1697
1763
  .e-grid.e-bothlines .e-rowcell {
@@ -1728,6 +1794,18 @@
1728
1794
  .e-grid.e-default .e-stackedheadercell {
1729
1795
  border-width: 1px 0 1px 1px;
1730
1796
  }
1797
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1798
+ border-right-width: 2px;
1799
+ }
1800
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1801
+ border-left-width: 2px;
1802
+ }
1803
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1804
+ border-left-width: 1px;
1805
+ }
1806
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1807
+ border-right-width: 1px;
1808
+ }
1731
1809
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1732
1810
  border-left-width: 0;
1733
1811
  }
@@ -1737,11 +1815,29 @@
1737
1815
  .e-grid.e-default table th[rowspan] {
1738
1816
  border-width: 0 0 0 1px;
1739
1817
  }
1818
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1819
+ border-right-width: 2px;
1820
+ }
1821
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1822
+ border-left-width: 2px;
1823
+ }
1824
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1825
+ border-left-width: 1px;
1826
+ }
1827
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1828
+ border-right-width: 1px;
1829
+ }
1830
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1831
+ border-left-width: 0;
1832
+ }
1740
1833
  .e-grid tr th.e-firstcell {
1741
1834
  border-left-style: solid;
1742
1835
  border-left-width: 1px;
1743
1836
  }
1744
- .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) {
1837
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1838
+ border-left-width: 0;
1839
+ }
1840
+ .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) {
1745
1841
  border-left-width: 0;
1746
1842
  }
1747
1843
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1935,7 +2031,7 @@
1935
2031
  .e-grid.e-horizontallines .e-filterbarcell {
1936
2032
  border-width: 1px 0 0;
1937
2033
  }
1938
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
2034
+ .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) {
1939
2035
  border-bottom-width: 1px;
1940
2036
  }
1941
2037
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2454,10 +2550,10 @@
2454
2550
  border-top: 0;
2455
2551
  padding: 0;
2456
2552
  }
2457
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2553
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2458
2554
  border-top: 1px solid;
2459
2555
  }
2460
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2556
+ .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) {
2461
2557
  border-top: 0;
2462
2558
  }
2463
2559
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2618,6 +2714,107 @@
2618
2714
  border-left: 2px solid;
2619
2715
  border-right: 0;
2620
2716
  }
2717
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2718
+ z-index: 1;
2719
+ }
2720
+ .e-grid .e-leftfreeze,
2721
+ .e-grid .e-rightfreeze {
2722
+ position: sticky;
2723
+ z-index: 2;
2724
+ }
2725
+ .e-grid .e-fixedfreeze {
2726
+ position: sticky;
2727
+ z-index: 3;
2728
+ }
2729
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2730
+ border-top-width: 2px;
2731
+ line-height: 19px;
2732
+ }
2733
+ .e-grid .e-xlsel-left-border,
2734
+ .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 {
2735
+ border-left-width: 2px;
2736
+ }
2737
+ .e-grid .e-xlsel-right-border,
2738
+ .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 {
2739
+ border-right-width: 2px;
2740
+ }
2741
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2742
+ line-height: 19px;
2743
+ }
2744
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2745
+ line-height: 17px;
2746
+ }
2747
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2748
+ line-height: 19px;
2749
+ }
2750
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2751
+ line-height: 17px;
2752
+ }
2753
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2754
+ line-height: 17px;
2755
+ }
2756
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2757
+ line-height: 17px;
2758
+ }
2759
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2760
+ border-bottom-width: 2px;
2761
+ line-height: 19px;
2762
+ }
2763
+ .e-grid .e-virtual-content.e-content {
2764
+ overflow-x: hidden;
2765
+ }
2766
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2767
+ border-right-width: 2px;
2768
+ }
2769
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2770
+ clip-path: inset(0 -15px 0 0);
2771
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2772
+ }
2773
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2774
+ border-right-color: transparent;
2775
+ }
2776
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2777
+ box-shadow: 0 2px 0 0 #317ab9, 4px 0 8px rgba(0, 0, 0, 0.12);
2778
+ }
2779
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2780
+ clip-path: inset(0 0 0 -15px);
2781
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2782
+ }
2783
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2784
+ border-left-color: transparent;
2785
+ }
2786
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2787
+ box-shadow: 0 2px 0 0 #317ab9, -4px 0 8px rgba(0, 0, 0, 0.12);
2788
+ }
2789
+ .e-grid .e-rightfreeze.e-freezerightborder {
2790
+ border-left-width: 2px;
2791
+ }
2792
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2793
+ clip-path: inset(0 0 0 -15px);
2794
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2795
+ }
2796
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2797
+ border-left-color: transparent;
2798
+ }
2799
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2800
+ box-shadow: 0 2px 0 0 #317ab9, -4px 0 8px rgba(0, 0, 0, 0.12);
2801
+ }
2802
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2803
+ clip-path: inset(0 -15px 0 0);
2804
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2805
+ }
2806
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2807
+ border-right-color: transparent;
2808
+ }
2809
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2810
+ box-shadow: 0 2px 0 0 #317ab9, 4px 0 8px rgba(0, 0, 0, 0.12);
2811
+ }
2812
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2813
+ border-left-width: 1px;
2814
+ }
2815
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2816
+ border-right-width: 1px;
2817
+ }
2621
2818
  .e-grid .e-frozenheader {
2622
2819
  float: left;
2623
2820
  width: min-content;
@@ -2715,6 +2912,18 @@
2715
2912
  padding-left: 0;
2716
2913
  padding-right: 8px;
2717
2914
  }
2915
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2916
+ border-left-width: 2px;
2917
+ }
2918
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2919
+ border-right-width: 2px;
2920
+ }
2921
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2922
+ border-right-width: 1px;
2923
+ }
2924
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2925
+ border-left-width: 1px;
2926
+ }
2718
2927
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2719
2928
  border-width: 0;
2720
2929
  text-align: right;
@@ -2837,6 +3046,36 @@
2837
3046
  .e-grid.e-rtl .e-rowcell {
2838
3047
  border-width: 1px 0 0;
2839
3048
  }
3049
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3050
+ border-left-width: 2px;
3051
+ }
3052
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3053
+ border-right-width: 2px;
3054
+ }
3055
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3056
+ border-right-width: 1px;
3057
+ }
3058
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3059
+ border-left-width: 1px;
3060
+ }
3061
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3062
+ border-left-width: 2px;
3063
+ }
3064
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3065
+ border-right-width: 2px;
3066
+ }
3067
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3068
+ border-right-width: 1px;
3069
+ }
3070
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3071
+ border-left-width: 1px;
3072
+ }
3073
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3074
+ border-left-width: 0;
3075
+ }
3076
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3077
+ border-right-width: 0;
3078
+ }
2840
3079
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2841
3080
  border-width: 2px 0 0;
2842
3081
  }
@@ -2858,7 +3097,7 @@
2858
3097
  .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 {
2859
3098
  border-left-width: 0;
2860
3099
  }
2861
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3100
+ .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 {
2862
3101
  border-left: 0;
2863
3102
  }
2864
3103
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2945,6 +3184,18 @@
2945
3184
  .e-grid.e-rtl.e-default table th[rowspan] {
2946
3185
  border-width: 0 1px 0 0;
2947
3186
  }
3187
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3188
+ border-left-width: 2px;
3189
+ }
3190
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3191
+ border-right-width: 2px;
3192
+ }
3193
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3194
+ border-right-width: 1px;
3195
+ }
3196
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3197
+ border-left-width: 1px;
3198
+ }
2948
3199
  .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 {
2949
3200
  border-left: 1px solid;
2950
3201
  border-right: 0;
@@ -2971,7 +3222,7 @@
2971
3222
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2972
3223
  border-width: 1px 0 0;
2973
3224
  }
2974
- .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 {
3225
+ .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) {
2975
3226
  border-bottom-width: 1px;
2976
3227
  }
2977
3228
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -2999,7 +3250,7 @@
2999
3250
  .e-grid.e-rtl .e-ungroupbutton {
3000
3251
  float: left;
3001
3252
  }
3002
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3253
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
3003
3254
  border-style: solid;
3004
3255
  border-width: 0 0 0 1px;
3005
3256
  }
@@ -3045,6 +3296,12 @@
3045
3296
  white-space: normal;
3046
3297
  word-wrap: break-word;
3047
3298
  }
3299
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3300
+ line-height: 17px;
3301
+ }
3302
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3303
+ line-height: 19px;
3304
+ }
3048
3305
  .e-grid .e-stackedheadercelldiv {
3049
3306
  overflow: hidden;
3050
3307
  text-overflow: ellipsis;
@@ -3077,15 +3334,15 @@
3077
3334
  top: -1000px;
3078
3335
  width: 1px;
3079
3336
  }
3080
- .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 {
3337
+ .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) {
3081
3338
  border-left: 0;
3082
3339
  border-right: 0;
3083
3340
  border-top: 0;
3084
3341
  }
3085
- .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) {
3342
+ .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) {
3086
3343
  border-right: 0;
3087
3344
  }
3088
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3345
+ .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) {
3089
3346
  border-left: 0;
3090
3347
  }
3091
3348
  .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 {
@@ -3864,6 +4121,9 @@
3864
4121
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3865
4122
  box-shadow: 0 0 0 1px #66afe9 inset;
3866
4123
  }
4124
+ .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) {
4125
+ border-color: #66afe9;
4126
+ }
3867
4127
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3868
4128
  color: #495057;
3869
4129
  }
@@ -3885,6 +4145,9 @@
3885
4145
  border-color: #317ab9;
3886
4146
  z-index: 1;
3887
4147
  }
4148
+ .e-grid .e-autofill.e-freeze-autofill {
4149
+ z-index: 5;
4150
+ }
3888
4151
  .e-grid .e-xlsel {
3889
4152
  background-color: transparent;
3890
4153
  border-style: solid;
@@ -3895,6 +4158,7 @@
3895
4158
  background-color: #317ab9;
3896
4159
  border-color: #317ab9;
3897
4160
  position: absolute;
4161
+ z-index: 3;
3898
4162
  }
3899
4163
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3900
4164
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3902,9 +4166,36 @@
3902
4166
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3903
4167
  .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 {
3904
4168
  box-shadow: 0 2px 0 0 #317ab9;
3905
- position: relative;
3906
4169
  z-index: 5;
3907
4170
  }
4171
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4172
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4173
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4174
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4175
+ .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 {
4176
+ z-index: 6;
4177
+ }
4178
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4179
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4180
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4181
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4182
+ .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 {
4183
+ z-index: 6;
4184
+ }
4185
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4186
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4187
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4188
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4189
+ .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 {
4190
+ z-index: 6;
4191
+ }
4192
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4193
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4194
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4195
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4196
+ .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) {
4197
+ position: relative;
4198
+ }
3908
4199
  .e-grid .e-gridheader {
3909
4200
  background-color: #fff;
3910
4201
  border-bottom-color: #dee2e6;
@@ -3914,6 +4205,9 @@
3914
4205
  .e-grid .e-gridcontent tr:first-child td {
3915
4206
  border-top-color: transparent;
3916
4207
  }
4208
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4209
+ border-top-color: #6c757d;
4210
+ }
3917
4211
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3918
4212
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3919
4213
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4018,6 +4312,60 @@
4018
4312
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
4019
4313
  border-right-color: #fff;
4020
4314
  }
4315
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4316
+ border-left-color: #6c757d;
4317
+ }
4318
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4319
+ border-right-color: #6c757d;
4320
+ }
4321
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4322
+ border-right-color: #6c757d;
4323
+ }
4324
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4325
+ border-left-color: #6c757d;
4326
+ }
4327
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4328
+ border-right-color: #6c757d;
4329
+ }
4330
+ .e-grid .e-rightfreeze.e-freezerightborder {
4331
+ border-left-color: #6c757d;
4332
+ }
4333
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4334
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4335
+ border-left-color: #6c757d;
4336
+ }
4337
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4338
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4339
+ border-right-color: #6c757d;
4340
+ }
4341
+ .e-grid .e-xlsel-top-border {
4342
+ border-top-color: #6c757d;
4343
+ }
4344
+ .e-grid .e-xlsel-left-border {
4345
+ border-left-color: #6c757d;
4346
+ }
4347
+ .e-grid .e-xlsel-right-border {
4348
+ border-right-color: #6c757d;
4349
+ }
4350
+ .e-grid .e-xlsel-bottom-border {
4351
+ border-bottom-color: #6c757d;
4352
+ }
4353
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4354
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4355
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4356
+ background-color: #fff;
4357
+ }
4358
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4359
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4360
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4361
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4362
+ background-color: #f8f9fa;
4363
+ }
4364
+ .e-grid .e-gridfooter .e-leftfreeze,
4365
+ .e-grid .e-gridfooter .e-rightfreeze,
4366
+ .e-grid .e-gridfooter .e-fixedfreeze {
4367
+ background-color: #f8f9fa;
4368
+ }
4021
4369
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4022
4370
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4023
4371
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4039,6 +4387,9 @@
4039
4387
  background-color: rgba(0, 0, 0, 0.08);
4040
4388
  color: #212529;
4041
4389
  }
4390
+ .e-bigger .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4391
+ background-color: rgb(250, 244, 244);
4392
+ }
4042
4393
  .e-grid .e-row:hover .e-rowdragdrop {
4043
4394
  cursor: move;
4044
4395
  }
@@ -4060,6 +4411,16 @@
4060
4411
  background: rgba(0, 0, 0, 0.17);
4061
4412
  color: #333;
4062
4413
  }
4414
+ .e-grid td.e-active.e-leftfreeze:not(.e-updatedtd),
4415
+ .e-grid td.e-active.e-unfreeze:not(.e-updatedtd),
4416
+ .e-grid td.e-active.e-rightfreeze:not(.e-updatedtd),
4417
+ .e-grid td.e-active.e-fixedfreeze:not(.e-updatedtd),
4418
+ .e-grid .e-columnselection.e-leftfreeze:not(.e-updatedtd),
4419
+ .e-grid .e-columnselection.e-unfreeze:not(.e-updatedtd),
4420
+ .e-grid .e-columnselection.e-rightfreeze:not(.e-updatedtd),
4421
+ .e-grid .e-columnselection.e-fixedfreeze:not(.e-updatedtd) {
4422
+ background-color: rgb(212, 205, 205);
4423
+ }
4063
4424
  .e-grid .e-columnselection {
4064
4425
  background-color: rgba(0, 0, 0, 0.17);
4065
4426
  }
@@ -4125,7 +4486,7 @@
4125
4486
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4126
4487
  border: 0 none;
4127
4488
  }
4128
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4489
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4129
4490
  border-bottom: 1px solid #dee2e6;
4130
4491
  border-right: 1px solid #dee2e6;
4131
4492
  }
@@ -4205,11 +4566,11 @@
4205
4566
  background-color: #dcfacf;
4206
4567
  color: #212529;
4207
4568
  }
4208
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4569
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4209
4570
  border-top-color: #dee2e6;
4210
4571
  }
4211
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4212
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4572
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4573
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4213
4574
  border-top: 1px solid #dee2e6;
4214
4575
  }
4215
4576
  .e-grid .e-ccdlg .e-footer-content {
@@ -4225,6 +4586,9 @@
4225
4586
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4226
4587
  color: #212529;
4227
4588
  }
4589
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4590
+ box-shadow: none;
4591
+ }
4228
4592
  .e-grid .e-cloneproperties.e-draganddrop table,
4229
4593
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4230
4594
  background-color: #fff;