@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
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -730,6 +729,14 @@
730
729
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
731
730
  line-height: 27px;
732
731
  }
732
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
733
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
734
+ line-height: 23px;
735
+ }
736
+ .e-bigger .e-grid .e-xlsel-bottom-border,
737
+ .e-grid.e-bigger .e-xlsel-bottom-border {
738
+ line-height: 25px;
739
+ }
733
740
  .e-bigger .e-grid .e-filterbarcell input,
734
741
  .e-grid.e-bigger .e-filterbarcell input {
735
742
  font-size: 13px;
@@ -953,6 +960,10 @@
953
960
  margin: 3px 24px 0 0;
954
961
  padding: 0 12px 0 8px;
955
962
  }
963
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
964
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
965
+ padding: 0 12px 0 8px;
966
+ }
956
967
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
957
968
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
958
969
  margin-left: 0;
@@ -1111,6 +1122,23 @@
1111
1122
  background-color: #e3165b;
1112
1123
  height: 2px;
1113
1124
  position: absolute;
1125
+ z-index: 5;
1126
+ }
1127
+ .e-grid .e-frozenrow-border {
1128
+ background-color: #e3165b;
1129
+ height: 2px;
1130
+ position: relative;
1131
+ z-index: 5;
1132
+ }
1133
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1134
+ height: 0;
1135
+ }
1136
+ .e-grid.e-top-shadow .e-frozenrow-border {
1137
+ height: 4px;
1138
+ margin-top: -4px;
1139
+ background-color: transparent !important;
1140
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
1141
+ clip-path: inset(0px 0px -15px 0px);
1114
1142
  }
1115
1143
  .e-grid .e-grid-relative {
1116
1144
  position: relative;
@@ -1141,10 +1169,17 @@
1141
1169
  border-right: 1px solid #e0e0e0;
1142
1170
  border-bottom: 0;
1143
1171
  }
1172
+ .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 {
1173
+ z-index: 5;
1174
+ }
1175
+ .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 {
1176
+ z-index: 6;
1177
+ }
1144
1178
  .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 {
1145
1179
  box-shadow: 0 2px 0 0 #e3165b;
1180
+ }
1181
+ .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) {
1146
1182
  position: relative;
1147
- z-index: 5;
1148
1183
  }
1149
1184
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1150
1185
  font-size: 10px;
@@ -1402,6 +1437,12 @@
1402
1437
  .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
1438
  border-right: 0;
1404
1439
  }
1440
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1441
+ border-right: 0;
1442
+ }
1443
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1444
+ border-left: 0;
1445
+ }
1405
1446
  .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
1447
  left: 0;
1407
1448
  }
@@ -1430,7 +1471,7 @@
1430
1471
  width: 1px;
1431
1472
  }
1432
1473
  .e-grid .e-virtual-rhandler {
1433
- z-index: 1;
1474
+ z-index: 5;
1434
1475
  }
1435
1476
  .e-grid.e-device .e-ricon::before {
1436
1477
  border-bottom: 6px solid transparent;
@@ -1515,9 +1556,12 @@
1515
1556
  -ms-user-select: none;
1516
1557
  user-select: none;
1517
1558
  }
1518
- .e-grid .e-gridcontent tr:first-child td {
1559
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1519
1560
  border-top: 0 none;
1520
1561
  }
1562
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1563
+ border-top-width: 2px;
1564
+ }
1521
1565
  .e-grid .e-gridheader tr:first-child th {
1522
1566
  border-top: 0 none;
1523
1567
  }
@@ -1539,10 +1583,11 @@
1539
1583
  border-top-style: solid;
1540
1584
  border-top-width: 1px;
1541
1585
  }
1542
- .e-grid .e-frozenhdrcont {
1586
+ .e-grid .e-frozenhdrcont,
1587
+ .e-grid .e-frozenhdr {
1543
1588
  border-bottom-width: 0;
1544
1589
  }
1545
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1590
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1546
1591
  border-top-style: solid;
1547
1592
  border-top-width: 1px;
1548
1593
  }
@@ -1582,6 +1627,26 @@
1582
1627
  white-space: nowrap;
1583
1628
  width: auto;
1584
1629
  }
1630
+ .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) {
1631
+ line-height: 18px;
1632
+ border-width: 1.5px;
1633
+ }
1634
+ .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) {
1635
+ line-height: 18px;
1636
+ border-width: 1.5px;
1637
+ }
1638
+ .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) {
1639
+ line-height: 18px;
1640
+ border-width: 1.5px;
1641
+ }
1642
+ .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) {
1643
+ line-height: 18px;
1644
+ border-width: 1.5px;
1645
+ }
1646
+ .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) {
1647
+ line-height: 18px;
1648
+ border-width: 1.5px;
1649
+ }
1585
1650
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1586
1651
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1587
1652
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1681,7 +1746,7 @@
1681
1746
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1682
1747
  margin-top: 5px;
1683
1748
  }
1684
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1749
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1685
1750
  border-bottom-width: 1px;
1686
1751
  }
1687
1752
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1691,7 +1756,7 @@
1691
1756
  border-bottom: 1px solid;
1692
1757
  border-bottom-color: #e0e0e0;
1693
1758
  }
1694
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1759
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1695
1760
  border-bottom-width: 1px;
1696
1761
  }
1697
1762
  .e-grid.e-bothlines .e-rowcell {
@@ -1728,6 +1793,18 @@
1728
1793
  .e-grid.e-default .e-stackedheadercell {
1729
1794
  border-width: 0 0 1px 1px;
1730
1795
  }
1796
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1797
+ border-right-width: 2px;
1798
+ }
1799
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1800
+ border-left-width: 2px;
1801
+ }
1802
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1803
+ border-left-width: 1px;
1804
+ }
1805
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1806
+ border-right-width: 1px;
1807
+ }
1731
1808
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1732
1809
  border-left-width: 0;
1733
1810
  }
@@ -1737,11 +1814,29 @@
1737
1814
  .e-grid.e-default table th[rowspan] {
1738
1815
  border-width: 0 0 0 1px;
1739
1816
  }
1817
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1818
+ border-right-width: 2px;
1819
+ }
1820
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1821
+ border-left-width: 2px;
1822
+ }
1823
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1824
+ border-left-width: 1px;
1825
+ }
1826
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1827
+ border-right-width: 1px;
1828
+ }
1829
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1830
+ border-left-width: 0;
1831
+ }
1740
1832
  .e-grid tr th.e-firstcell {
1741
1833
  border-left-style: solid;
1742
1834
  border-left-width: 1px;
1743
1835
  }
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) {
1836
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1837
+ border-left-width: 0;
1838
+ }
1839
+ .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
1840
  border-left-width: 0;
1746
1841
  }
1747
1842
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1935,7 +2030,7 @@
1935
2030
  .e-grid.e-horizontallines .e-filterbarcell {
1936
2031
  border-width: 1px 0 0;
1937
2032
  }
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 {
2033
+ .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
2034
  border-bottom-width: 1px;
1940
2035
  }
1941
2036
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2453,10 +2548,10 @@
2453
2548
  border-top: 0;
2454
2549
  padding: 0;
2455
2550
  }
2456
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2551
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2457
2552
  border-top: 1px solid;
2458
2553
  }
2459
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2554
+ .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) {
2460
2555
  border-top: 0;
2461
2556
  }
2462
2557
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2617,6 +2712,107 @@
2617
2712
  border-left: 2px solid;
2618
2713
  border-right: 0;
2619
2714
  }
2715
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2716
+ z-index: 1;
2717
+ }
2718
+ .e-grid .e-leftfreeze,
2719
+ .e-grid .e-rightfreeze {
2720
+ position: sticky;
2721
+ z-index: 2;
2722
+ }
2723
+ .e-grid .e-fixedfreeze {
2724
+ position: sticky;
2725
+ z-index: 3;
2726
+ }
2727
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2728
+ border-top-width: 2px;
2729
+ line-height: 18px;
2730
+ }
2731
+ .e-grid .e-xlsel-left-border,
2732
+ .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 {
2733
+ border-left-width: 2px;
2734
+ }
2735
+ .e-grid .e-xlsel-right-border,
2736
+ .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 {
2737
+ border-right-width: 2px;
2738
+ }
2739
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2740
+ line-height: 16px;
2741
+ }
2742
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2743
+ line-height: 14px;
2744
+ }
2745
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2746
+ line-height: 16px;
2747
+ }
2748
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2749
+ line-height: 14px;
2750
+ }
2751
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2752
+ line-height: 16px;
2753
+ }
2754
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2755
+ line-height: 16px;
2756
+ }
2757
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2758
+ border-bottom-width: 2px;
2759
+ line-height: 18px;
2760
+ }
2761
+ .e-grid .e-virtual-content.e-content {
2762
+ overflow-x: hidden;
2763
+ }
2764
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2765
+ border-right-width: 2px;
2766
+ }
2767
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2768
+ clip-path: inset(0 -15px 0 0);
2769
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2770
+ }
2771
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2772
+ border-right-color: transparent;
2773
+ }
2774
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2775
+ box-shadow: 0 2px 0 0 #e3165b, 4px 0 8px rgba(0, 0, 0, 0.12);
2776
+ }
2777
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2778
+ clip-path: inset(0 0 0 -15px);
2779
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2780
+ }
2781
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2782
+ border-left-color: transparent;
2783
+ }
2784
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2785
+ box-shadow: 0 2px 0 0 #e3165b, -4px 0 8px rgba(0, 0, 0, 0.12);
2786
+ }
2787
+ .e-grid .e-rightfreeze.e-freezerightborder {
2788
+ border-left-width: 2px;
2789
+ }
2790
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2791
+ clip-path: inset(0 0 0 -15px);
2792
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2793
+ }
2794
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2795
+ border-left-color: transparent;
2796
+ }
2797
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2798
+ box-shadow: 0 2px 0 0 #e3165b, -4px 0 8px rgba(0, 0, 0, 0.12);
2799
+ }
2800
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2801
+ clip-path: inset(0 -15px 0 0);
2802
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2803
+ }
2804
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2805
+ border-right-color: transparent;
2806
+ }
2807
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2808
+ box-shadow: 0 2px 0 0 #e3165b, 4px 0 8px rgba(0, 0, 0, 0.12);
2809
+ }
2810
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2811
+ border-left-width: 1px;
2812
+ }
2813
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2814
+ border-right-width: 1px;
2815
+ }
2620
2816
  .e-grid .e-frozenheader {
2621
2817
  float: left;
2622
2818
  width: min-content;
@@ -2714,6 +2910,18 @@
2714
2910
  padding-left: 0;
2715
2911
  padding-right: 9px;
2716
2912
  }
2913
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2914
+ border-left-width: 2px;
2915
+ }
2916
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2917
+ border-right-width: 2px;
2918
+ }
2919
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2920
+ border-right-width: 1px;
2921
+ }
2922
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2923
+ border-left-width: 1px;
2924
+ }
2717
2925
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2718
2926
  border-width: 0;
2719
2927
  text-align: right;
@@ -2834,6 +3042,36 @@
2834
3042
  .e-grid.e-rtl .e-rowcell {
2835
3043
  border-width: 1px 0 0 0;
2836
3044
  }
3045
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3046
+ border-left-width: 2px;
3047
+ }
3048
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3049
+ border-right-width: 2px;
3050
+ }
3051
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3052
+ border-right-width: 1px;
3053
+ }
3054
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3055
+ border-left-width: 1px;
3056
+ }
3057
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3058
+ border-left-width: 2px;
3059
+ }
3060
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3061
+ border-right-width: 2px;
3062
+ }
3063
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3064
+ border-right-width: 1px;
3065
+ }
3066
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3067
+ border-left-width: 1px;
3068
+ }
3069
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3070
+ border-left-width: 0;
3071
+ }
3072
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3073
+ border-right-width: 0;
3074
+ }
2837
3075
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2838
3076
  border-width: 1px 0 0;
2839
3077
  }
@@ -2855,7 +3093,7 @@
2855
3093
  .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 {
2856
3094
  border-left-width: 0;
2857
3095
  }
2858
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3096
+ .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 {
2859
3097
  border-left: 0;
2860
3098
  }
2861
3099
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2942,6 +3180,18 @@
2942
3180
  .e-grid.e-rtl.e-default table th[rowspan] {
2943
3181
  border-width: 0 1px 0 0;
2944
3182
  }
3183
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3184
+ border-left-width: 2px;
3185
+ }
3186
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3187
+ border-right-width: 2px;
3188
+ }
3189
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3190
+ border-right-width: 1px;
3191
+ }
3192
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3193
+ border-left-width: 1px;
3194
+ }
2945
3195
  .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 {
2946
3196
  border-left: 1px solid;
2947
3197
  border-right: 0;
@@ -2968,7 +3218,7 @@
2968
3218
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2969
3219
  border-width: 1px 0 0;
2970
3220
  }
2971
- .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 {
3221
+ .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) {
2972
3222
  border-bottom-width: 1px;
2973
3223
  }
2974
3224
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -2996,7 +3246,7 @@
2996
3246
  .e-grid.e-rtl .e-ungroupbutton {
2997
3247
  float: left;
2998
3248
  }
2999
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3249
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
3000
3250
  border-style: solid;
3001
3251
  border-width: 0 0 0 1px;
3002
3252
  }
@@ -3042,6 +3292,12 @@
3042
3292
  white-space: normal;
3043
3293
  word-wrap: break-word;
3044
3294
  }
3295
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3296
+ line-height: 14px;
3297
+ }
3298
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3299
+ line-height: 16px;
3300
+ }
3045
3301
  .e-grid .e-stackedheadercelldiv {
3046
3302
  overflow: hidden;
3047
3303
  text-overflow: ellipsis;
@@ -3074,15 +3330,15 @@
3074
3330
  top: -1000px;
3075
3331
  width: 1px;
3076
3332
  }
3077
- .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 {
3333
+ .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) {
3078
3334
  border-left: 0;
3079
3335
  border-right: 0;
3080
3336
  border-top: 0;
3081
3337
  }
3082
- .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) {
3338
+ .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) {
3083
3339
  border-right: 0;
3084
3340
  }
3085
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3341
+ .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) {
3086
3342
  border-left: 0;
3087
3343
  }
3088
3344
  .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 {
@@ -3860,6 +4116,9 @@
3860
4116
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3861
4117
  box-shadow: 0 0 0 1px #9e9e9e inset;
3862
4118
  }
4119
+ .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) {
4120
+ border-color: #9e9e9e;
4121
+ }
3863
4122
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3864
4123
  color: #212121;
3865
4124
  }
@@ -3881,6 +4140,9 @@
3881
4140
  border-color: #e3165b;
3882
4141
  z-index: 1;
3883
4142
  }
4143
+ .e-grid .e-autofill.e-freeze-autofill {
4144
+ z-index: 5;
4145
+ }
3884
4146
  .e-grid .e-xlsel {
3885
4147
  background-color: transparent;
3886
4148
  border-style: solid;
@@ -3891,6 +4153,7 @@
3891
4153
  background-color: #e3165b;
3892
4154
  border-color: #e3165b;
3893
4155
  position: absolute;
4156
+ z-index: 3;
3894
4157
  }
3895
4158
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3896
4159
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3898,9 +4161,36 @@
3898
4161
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3899
4162
  .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 {
3900
4163
  box-shadow: 0 2px 0 0 #e3165b;
3901
- position: relative;
3902
4164
  z-index: 5;
3903
4165
  }
4166
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4167
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4168
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4169
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4170
+ .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 {
4171
+ z-index: 6;
4172
+ }
4173
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4174
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4175
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4176
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4177
+ .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 {
4178
+ z-index: 6;
4179
+ }
4180
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4181
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4182
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4183
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4184
+ .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 {
4185
+ z-index: 6;
4186
+ }
4187
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4188
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4189
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4190
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4191
+ .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) {
4192
+ position: relative;
4193
+ }
3904
4194
  .e-grid .e-gridheader {
3905
4195
  background-color: #fff;
3906
4196
  border-bottom-color: #e0e0e0;
@@ -3910,6 +4200,9 @@
3910
4200
  .e-grid .e-gridcontent tr:first-child td {
3911
4201
  border-top-color: transparent;
3912
4202
  }
4203
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4204
+ border-top-color: #e3165b;
4205
+ }
3913
4206
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3914
4207
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3915
4208
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4014,6 +4307,60 @@
4014
4307
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
4015
4308
  border-right-color: #fff;
4016
4309
  }
4310
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4311
+ border-left-color: #e3165b;
4312
+ }
4313
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4314
+ border-right-color: #e3165b;
4315
+ }
4316
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4317
+ border-right-color: #e3165b;
4318
+ }
4319
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4320
+ border-left-color: #e3165b;
4321
+ }
4322
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4323
+ border-right-color: #e3165b;
4324
+ }
4325
+ .e-grid .e-rightfreeze.e-freezerightborder {
4326
+ border-left-color: #e3165b;
4327
+ }
4328
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4329
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4330
+ border-left-color: #e3165b;
4331
+ }
4332
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4333
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4334
+ border-right-color: #e3165b;
4335
+ }
4336
+ .e-grid .e-xlsel-top-border {
4337
+ border-top-color: #e3165b;
4338
+ }
4339
+ .e-grid .e-xlsel-left-border {
4340
+ border-left-color: #e3165b;
4341
+ }
4342
+ .e-grid .e-xlsel-right-border {
4343
+ border-right-color: #e3165b;
4344
+ }
4345
+ .e-grid .e-xlsel-bottom-border {
4346
+ border-bottom-color: #e3165b;
4347
+ }
4348
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4349
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4350
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4351
+ background-color: #fff;
4352
+ }
4353
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4354
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4355
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4356
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4357
+ background-color: #fafafa;
4358
+ }
4359
+ .e-grid .e-gridfooter .e-leftfreeze,
4360
+ .e-grid .e-gridfooter .e-rightfreeze,
4361
+ .e-grid .e-gridfooter .e-fixedfreeze {
4362
+ background-color: #f6f6f6;
4363
+ }
4017
4364
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4018
4365
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4019
4366
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4121,7 +4468,7 @@
4121
4468
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4122
4469
  border: 0 none;
4123
4470
  }
4124
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4471
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4125
4472
  border-bottom: 1px solid #e0e0e0;
4126
4473
  border-right: 1px solid #e0e0e0;
4127
4474
  }
@@ -4201,11 +4548,11 @@
4201
4548
  background-color: #d7f9c7;
4202
4549
  color: #000;
4203
4550
  }
4204
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4551
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4205
4552
  border-top-color: #e0e0e0;
4206
4553
  }
4207
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4208
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4554
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4555
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4209
4556
  border-top: 1px solid #e0e0e0;
4210
4557
  }
4211
4558
  .e-grid .e-ccdlg .e-footer-content {
@@ -4221,6 +4568,9 @@
4221
4568
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4222
4569
  color: #000;
4223
4570
  }
4571
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4572
+ box-shadow: none;
4573
+ }
4224
4574
  .e-grid .e-cloneproperties.e-draganddrop table,
4225
4575
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4226
4576
  background-color: #fff;