@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
@@ -681,6 +681,14 @@
681
681
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
682
682
  line-height: 27px;
683
683
  }
684
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
685
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
686
+ line-height: 22px;
687
+ }
688
+ .e-bigger .e-grid .e-xlsel-bottom-border,
689
+ .e-grid.e-bigger .e-xlsel-bottom-border {
690
+ line-height: 24px;
691
+ }
684
692
  .e-bigger .e-grid .e-filterbarcell input,
685
693
  .e-grid.e-bigger .e-filterbarcell input {
686
694
  font-size: 14px;
@@ -904,6 +912,10 @@
904
912
  margin: 3px 8px 0 0;
905
913
  padding: 9px 0 4px 0;
906
914
  }
915
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
916
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
917
+ padding: 9px 0 4px 0;
918
+ }
907
919
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
908
920
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
909
921
  margin-left: 0;
@@ -1062,6 +1074,23 @@
1062
1074
  background-color: #0070f0;
1063
1075
  height: 2px;
1064
1076
  position: absolute;
1077
+ z-index: 5;
1078
+ }
1079
+ .e-grid .e-frozenrow-border {
1080
+ background-color: #9c9c9c;
1081
+ height: 2px;
1082
+ position: relative;
1083
+ z-index: 5;
1084
+ }
1085
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1086
+ height: 0;
1087
+ }
1088
+ .e-grid.e-top-shadow .e-frozenrow-border {
1089
+ height: 4px;
1090
+ margin-top: -4px;
1091
+ background-color: transparent !important;
1092
+ box-shadow: 0px 4px 8px rgba(95, 87, 87, 0.26);
1093
+ clip-path: inset(0px 0px -15px 0px);
1065
1094
  }
1066
1095
  .e-grid .e-grid-relative {
1067
1096
  position: relative;
@@ -1092,10 +1121,17 @@
1092
1121
  border-right: 1px solid #484848;
1093
1122
  border-bottom: 0;
1094
1123
  }
1124
+ .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 {
1125
+ z-index: 5;
1126
+ }
1127
+ .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 {
1128
+ z-index: 6;
1129
+ }
1095
1130
  .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 {
1096
1131
  box-shadow: 0 2px 0 0 #0070f0;
1132
+ }
1133
+ .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) {
1097
1134
  position: relative;
1098
- z-index: 5;
1099
1135
  }
1100
1136
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1101
1137
  font-size: 10px;
@@ -1353,6 +1389,12 @@
1353
1389
  .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 {
1354
1390
  border-right: 0;
1355
1391
  }
1392
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1393
+ border-right: 0;
1394
+ }
1395
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1396
+ border-left: 0;
1397
+ }
1356
1398
  .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 {
1357
1399
  left: 0;
1358
1400
  }
@@ -1381,7 +1423,7 @@
1381
1423
  width: 1px;
1382
1424
  }
1383
1425
  .e-grid .e-virtual-rhandler {
1384
- z-index: 1;
1426
+ z-index: 5;
1385
1427
  }
1386
1428
  .e-grid.e-device .e-ricon::before {
1387
1429
  border-bottom: 6px solid transparent;
@@ -1466,9 +1508,12 @@
1466
1508
  -ms-user-select: none;
1467
1509
  user-select: none;
1468
1510
  }
1469
- .e-grid .e-gridcontent tr:first-child td {
1511
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1470
1512
  border-top: 0 none;
1471
1513
  }
1514
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1515
+ border-top-width: 2px;
1516
+ }
1472
1517
  .e-grid .e-gridheader tr:first-child th {
1473
1518
  border-top: 0 none;
1474
1519
  }
@@ -1490,10 +1535,11 @@
1490
1535
  border-top-style: solid;
1491
1536
  border-top-width: 1px;
1492
1537
  }
1493
- .e-grid .e-frozenhdrcont {
1538
+ .e-grid .e-frozenhdrcont,
1539
+ .e-grid .e-frozenhdr {
1494
1540
  border-bottom-width: 0;
1495
1541
  }
1496
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1542
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1497
1543
  border-top-style: solid;
1498
1544
  border-top-width: 1px;
1499
1545
  }
@@ -1533,6 +1579,26 @@
1533
1579
  white-space: nowrap;
1534
1580
  width: auto;
1535
1581
  }
1582
+ .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) {
1583
+ line-height: 17px;
1584
+ border-width: 1.5px;
1585
+ }
1586
+ .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) {
1587
+ line-height: 17px;
1588
+ border-width: 1.5px;
1589
+ }
1590
+ .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) {
1591
+ line-height: 17px;
1592
+ border-width: 1.5px;
1593
+ }
1594
+ .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) {
1595
+ line-height: 17px;
1596
+ border-width: 1.5px;
1597
+ }
1598
+ .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) {
1599
+ line-height: 17px;
1600
+ border-width: 1.5px;
1601
+ }
1536
1602
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1537
1603
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1538
1604
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1632,7 +1698,7 @@
1632
1698
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1633
1699
  margin-top: 0;
1634
1700
  }
1635
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1701
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1636
1702
  border-bottom-width: 1px;
1637
1703
  }
1638
1704
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1642,7 +1708,7 @@
1642
1708
  border-bottom: 1px solid;
1643
1709
  border-bottom-color: #484848;
1644
1710
  }
1645
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1711
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1646
1712
  border-bottom-width: 1px;
1647
1713
  }
1648
1714
  .e-grid.e-bothlines .e-rowcell {
@@ -1679,6 +1745,18 @@
1679
1745
  .e-grid.e-default .e-stackedheadercell {
1680
1746
  border-width: 1px 0 1px 1px;
1681
1747
  }
1748
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1749
+ border-right-width: 2px;
1750
+ }
1751
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1752
+ border-left-width: 2px;
1753
+ }
1754
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1755
+ border-left-width: 1px;
1756
+ }
1757
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1758
+ border-right-width: 1px;
1759
+ }
1682
1760
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1683
1761
  border-left-width: 0;
1684
1762
  }
@@ -1688,11 +1766,29 @@
1688
1766
  .e-grid.e-default table th[rowspan] {
1689
1767
  border-width: 0 0 0 1px;
1690
1768
  }
1769
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1770
+ border-right-width: 2px;
1771
+ }
1772
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1773
+ border-left-width: 2px;
1774
+ }
1775
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1776
+ border-left-width: 1px;
1777
+ }
1778
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1779
+ border-right-width: 1px;
1780
+ }
1781
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1782
+ border-left-width: 0;
1783
+ }
1691
1784
  .e-grid tr th.e-firstcell {
1692
1785
  border-left-style: solid;
1693
1786
  border-left-width: 1px;
1694
1787
  }
1695
- .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) {
1788
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1789
+ border-left-width: 0;
1790
+ }
1791
+ .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) {
1696
1792
  border-left-width: 0;
1697
1793
  }
1698
1794
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1886,7 +1982,7 @@
1886
1982
  .e-grid.e-horizontallines .e-filterbarcell {
1887
1983
  border-width: 1px 0 0;
1888
1984
  }
1889
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
1985
+ .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) {
1890
1986
  border-bottom-width: 1px;
1891
1987
  }
1892
1988
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2404,10 +2500,10 @@
2404
2500
  border-top: 0;
2405
2501
  padding: 0;
2406
2502
  }
2407
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2503
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2408
2504
  border-top: 1px solid;
2409
2505
  }
2410
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2506
+ .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) {
2411
2507
  border-top: 0;
2412
2508
  }
2413
2509
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2568,6 +2664,107 @@
2568
2664
  border-left: 2px solid;
2569
2665
  border-right: 0;
2570
2666
  }
2667
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2668
+ z-index: 1;
2669
+ }
2670
+ .e-grid .e-leftfreeze,
2671
+ .e-grid .e-rightfreeze {
2672
+ position: sticky;
2673
+ z-index: 2;
2674
+ }
2675
+ .e-grid .e-fixedfreeze {
2676
+ position: sticky;
2677
+ z-index: 3;
2678
+ }
2679
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2680
+ border-top-width: 2px;
2681
+ line-height: 17px;
2682
+ }
2683
+ .e-grid .e-xlsel-left-border,
2684
+ .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 {
2685
+ border-left-width: 2px;
2686
+ }
2687
+ .e-grid .e-xlsel-right-border,
2688
+ .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 {
2689
+ border-right-width: 2px;
2690
+ }
2691
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2692
+ line-height: 16px;
2693
+ }
2694
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2695
+ line-height: 14px;
2696
+ }
2697
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2698
+ line-height: 16px;
2699
+ }
2700
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2701
+ line-height: 14px;
2702
+ }
2703
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2704
+ line-height: 15px;
2705
+ }
2706
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2707
+ line-height: 15px;
2708
+ }
2709
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2710
+ border-bottom-width: 2px;
2711
+ line-height: 17px;
2712
+ }
2713
+ .e-grid .e-virtual-content.e-content {
2714
+ overflow-x: hidden;
2715
+ }
2716
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2717
+ border-right-width: 2px;
2718
+ }
2719
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2720
+ clip-path: inset(0 -15px 0 0);
2721
+ box-shadow: 4px 0 8px rgba(95, 87, 87, 0.16);
2722
+ }
2723
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2724
+ border-right-color: transparent;
2725
+ }
2726
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2727
+ box-shadow: 0 2px 0 0 #0070f0, 4px 0 8px rgba(95, 87, 87, 0.16);
2728
+ }
2729
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2730
+ clip-path: inset(0 0 0 -15px);
2731
+ box-shadow: -4px 0 8px rgba(95, 87, 87, 0.16);
2732
+ }
2733
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2734
+ border-left-color: transparent;
2735
+ }
2736
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2737
+ box-shadow: 0 2px 0 0 #0070f0, -4px 0 8px rgba(95, 87, 87, 0.16);
2738
+ }
2739
+ .e-grid .e-rightfreeze.e-freezerightborder {
2740
+ border-left-width: 2px;
2741
+ }
2742
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2743
+ clip-path: inset(0 0 0 -15px);
2744
+ box-shadow: -4px 0 8px rgba(95, 87, 87, 0.16);
2745
+ }
2746
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2747
+ border-left-color: transparent;
2748
+ }
2749
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2750
+ box-shadow: 0 2px 0 0 #0070f0, -4px 0 8px rgba(95, 87, 87, 0.16);
2751
+ }
2752
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2753
+ clip-path: inset(0 -15px 0 0);
2754
+ box-shadow: 4px 0 8px rgba(95, 87, 87, 0.16);
2755
+ }
2756
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2757
+ border-right-color: transparent;
2758
+ }
2759
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2760
+ box-shadow: 0 2px 0 0 #0070f0, 4px 0 8px rgba(95, 87, 87, 0.16);
2761
+ }
2762
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2763
+ border-left-width: 1px;
2764
+ }
2765
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2766
+ border-right-width: 1px;
2767
+ }
2571
2768
  .e-grid .e-frozenheader {
2572
2769
  float: left;
2573
2770
  width: min-content;
@@ -2665,6 +2862,18 @@
2665
2862
  padding-left: 0;
2666
2863
  padding-right: 8px;
2667
2864
  }
2865
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2866
+ border-left-width: 2px;
2867
+ }
2868
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2869
+ border-right-width: 2px;
2870
+ }
2871
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2872
+ border-right-width: 1px;
2873
+ }
2874
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2875
+ border-left-width: 1px;
2876
+ }
2668
2877
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2669
2878
  border-width: 0;
2670
2879
  text-align: right;
@@ -2785,6 +2994,36 @@
2785
2994
  .e-grid.e-rtl .e-rowcell {
2786
2995
  border-width: 1px 0 0;
2787
2996
  }
2997
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
2998
+ border-left-width: 2px;
2999
+ }
3000
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3001
+ border-right-width: 2px;
3002
+ }
3003
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3004
+ border-right-width: 1px;
3005
+ }
3006
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3007
+ border-left-width: 1px;
3008
+ }
3009
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3010
+ border-left-width: 2px;
3011
+ }
3012
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3013
+ border-right-width: 2px;
3014
+ }
3015
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3016
+ border-right-width: 1px;
3017
+ }
3018
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3019
+ border-left-width: 1px;
3020
+ }
3021
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3022
+ border-left-width: 0;
3023
+ }
3024
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3025
+ border-right-width: 0;
3026
+ }
2788
3027
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2789
3028
  border-width: 2px 0 0;
2790
3029
  }
@@ -2806,7 +3045,7 @@
2806
3045
  .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 {
2807
3046
  border-left-width: 0;
2808
3047
  }
2809
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3048
+ .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 {
2810
3049
  border-left: 0;
2811
3050
  }
2812
3051
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2893,6 +3132,18 @@
2893
3132
  .e-grid.e-rtl.e-default table th[rowspan] {
2894
3133
  border-width: 0 1px 0 0;
2895
3134
  }
3135
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3136
+ border-left-width: 2px;
3137
+ }
3138
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3139
+ border-right-width: 2px;
3140
+ }
3141
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3142
+ border-right-width: 1px;
3143
+ }
3144
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3145
+ border-left-width: 1px;
3146
+ }
2896
3147
  .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 {
2897
3148
  border-left: 1px solid;
2898
3149
  border-right: 0;
@@ -2919,7 +3170,7 @@
2919
3170
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2920
3171
  border-width: 1px 0 0;
2921
3172
  }
2922
- .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 {
3173
+ .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) {
2923
3174
  border-bottom-width: 1px;
2924
3175
  }
2925
3176
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -2947,7 +3198,7 @@
2947
3198
  .e-grid.e-rtl .e-ungroupbutton {
2948
3199
  float: left;
2949
3200
  }
2950
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3201
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
2951
3202
  border-style: solid;
2952
3203
  border-width: 0 0 0 1px;
2953
3204
  }
@@ -2993,6 +3244,12 @@
2993
3244
  white-space: normal;
2994
3245
  word-wrap: break-word;
2995
3246
  }
3247
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3248
+ line-height: 14px;
3249
+ }
3250
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3251
+ line-height: 16px;
3252
+ }
2996
3253
  .e-grid .e-stackedheadercelldiv {
2997
3254
  overflow: hidden;
2998
3255
  text-overflow: ellipsis;
@@ -3025,15 +3282,15 @@
3025
3282
  top: -1000px;
3026
3283
  width: 1px;
3027
3284
  }
3028
- .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 {
3285
+ .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) {
3029
3286
  border-left: 0;
3030
3287
  border-right: 0;
3031
3288
  border-top: 0;
3032
3289
  }
3033
- .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) {
3290
+ .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) {
3034
3291
  border-right: 0;
3035
3292
  }
3036
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3293
+ .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) {
3037
3294
  border-left: 0;
3038
3295
  }
3039
3296
  .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 {
@@ -3811,6 +4068,9 @@
3811
4068
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3812
4069
  box-shadow: 0 0 0 1px #248aff inset;
3813
4070
  }
4071
+ .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) {
4072
+ border-color: #248aff;
4073
+ }
3814
4074
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3815
4075
  color: #f0f0f0;
3816
4076
  }
@@ -3832,6 +4092,9 @@
3832
4092
  border-color: #0070f0;
3833
4093
  z-index: 1;
3834
4094
  }
4095
+ .e-grid .e-autofill.e-freeze-autofill {
4096
+ z-index: 5;
4097
+ }
3835
4098
  .e-grid .e-xlsel {
3836
4099
  background-color: transparent;
3837
4100
  border-style: solid;
@@ -3842,6 +4105,7 @@
3842
4105
  background-color: #0070f0;
3843
4106
  border-color: #0070f0;
3844
4107
  position: absolute;
4108
+ z-index: 3;
3845
4109
  }
3846
4110
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3847
4111
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3849,9 +4113,36 @@
3849
4113
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3850
4114
  .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 {
3851
4115
  box-shadow: 0 2px 0 0 #0070f0;
3852
- position: relative;
3853
4116
  z-index: 5;
3854
4117
  }
4118
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4119
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4120
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4121
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4122
+ .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 {
4123
+ z-index: 6;
4124
+ }
4125
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4126
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4127
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4128
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4129
+ .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 {
4130
+ z-index: 6;
4131
+ }
4132
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4133
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4134
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4135
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4136
+ .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 {
4137
+ z-index: 6;
4138
+ }
4139
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4140
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4141
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4142
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4143
+ .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) {
4144
+ position: relative;
4145
+ }
3855
4146
  .e-grid .e-gridheader {
3856
4147
  background-color: #1a1a1a;
3857
4148
  border-bottom-color: #484848;
@@ -3861,6 +4152,9 @@
3861
4152
  .e-grid .e-gridcontent tr:first-child td {
3862
4153
  border-top-color: transparent;
3863
4154
  }
4155
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4156
+ border-top-color: #9c9c9c;
4157
+ }
3864
4158
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3865
4159
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3866
4160
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -3965,6 +4259,60 @@
3965
4259
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
3966
4260
  border-right-color: #1a1a1a;
3967
4261
  }
4262
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4263
+ border-left-color: #9c9c9c;
4264
+ }
4265
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4266
+ border-right-color: #9c9c9c;
4267
+ }
4268
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4269
+ border-right-color: #9c9c9c;
4270
+ }
4271
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4272
+ border-left-color: #9c9c9c;
4273
+ }
4274
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4275
+ border-right-color: #9c9c9c;
4276
+ }
4277
+ .e-grid .e-rightfreeze.e-freezerightborder {
4278
+ border-left-color: #9c9c9c;
4279
+ }
4280
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4281
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4282
+ border-left-color: #9c9c9c;
4283
+ }
4284
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4285
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4286
+ border-right-color: #9c9c9c;
4287
+ }
4288
+ .e-grid .e-xlsel-top-border {
4289
+ border-top-color: #9c9c9c;
4290
+ }
4291
+ .e-grid .e-xlsel-left-border {
4292
+ border-left-color: #9c9c9c;
4293
+ }
4294
+ .e-grid .e-xlsel-right-border {
4295
+ border-right-color: #9c9c9c;
4296
+ }
4297
+ .e-grid .e-xlsel-bottom-border {
4298
+ border-bottom-color: #9c9c9c;
4299
+ }
4300
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4301
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4302
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4303
+ background-color: #1a1a1a;
4304
+ }
4305
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4306
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4307
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4308
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4309
+ background-color: #1a1a1a;
4310
+ }
4311
+ .e-grid .e-gridfooter .e-leftfreeze,
4312
+ .e-grid .e-gridfooter .e-rightfreeze,
4313
+ .e-grid .e-gridfooter .e-fixedfreeze {
4314
+ background-color: #1a1a1a;
4315
+ }
3968
4316
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
3969
4317
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
3970
4318
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4072,7 +4420,7 @@
4072
4420
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4073
4421
  border: 0 none;
4074
4422
  }
4075
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4423
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4076
4424
  border-bottom: 1px solid #484848;
4077
4425
  border-right: 1px solid #484848;
4078
4426
  }
@@ -4152,11 +4500,11 @@
4152
4500
  background-color: #d7f9c7;
4153
4501
  color: #f0f0f0;
4154
4502
  }
4155
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4503
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4156
4504
  border-top-color: #484848;
4157
4505
  }
4158
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4159
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4506
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4507
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4160
4508
  border-top: 1px solid #484848;
4161
4509
  }
4162
4510
  .e-grid .e-ccdlg .e-footer-content {
@@ -4172,6 +4520,9 @@
4172
4520
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4173
4521
  color: #f0f0f0;
4174
4522
  }
4523
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4524
+ box-shadow: none;
4525
+ }
4175
4526
  .e-grid .e-cloneproperties.e-draganddrop table,
4176
4527
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4177
4528
  background-color: #313131;