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