@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
package/styles/fabric.css CHANGED
@@ -1072,6 +1072,14 @@ li.e-separator.e-menu-item.e-excel-separator {
1072
1072
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
1073
1073
  line-height: 26px;
1074
1074
  }
1075
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
1076
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
1077
+ line-height: 22px;
1078
+ }
1079
+ .e-bigger .e-grid .e-xlsel-bottom-border,
1080
+ .e-grid.e-bigger .e-xlsel-bottom-border {
1081
+ line-height: 24px;
1082
+ }
1075
1083
  .e-bigger .e-grid .e-filterbarcell input,
1076
1084
  .e-grid.e-bigger .e-filterbarcell input {
1077
1085
  font-size: 14px;
@@ -1295,6 +1303,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1295
1303
  margin: 8px 10px 0 0;
1296
1304
  padding: 0 10px;
1297
1305
  }
1306
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1307
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1308
+ padding: 0 10px;
1309
+ }
1298
1310
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1299
1311
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1300
1312
  margin-left: 0;
@@ -1453,6 +1465,23 @@ li.e-separator.e-menu-item.e-excel-separator {
1453
1465
  background-color: #0078d6;
1454
1466
  height: 2px;
1455
1467
  position: absolute;
1468
+ z-index: 5;
1469
+ }
1470
+ .e-grid .e-frozenrow-border {
1471
+ background-color: #0078d6;
1472
+ height: 2px;
1473
+ position: relative;
1474
+ z-index: 5;
1475
+ }
1476
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1477
+ height: 0;
1478
+ }
1479
+ .e-grid.e-top-shadow .e-frozenrow-border {
1480
+ height: 4px;
1481
+ margin-top: -4px;
1482
+ background-color: transparent !important;
1483
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
1484
+ clip-path: inset(0px 0px -15px 0px);
1456
1485
  }
1457
1486
  .e-grid .e-grid-relative {
1458
1487
  position: relative;
@@ -1483,10 +1512,17 @@ li.e-separator.e-menu-item.e-excel-separator {
1483
1512
  border-right: 1px solid #eaeaea;
1484
1513
  border-bottom: 0;
1485
1514
  }
1515
+ .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 {
1516
+ z-index: 5;
1517
+ }
1518
+ .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 {
1519
+ z-index: 6;
1520
+ }
1486
1521
  .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 {
1487
1522
  box-shadow: 0 2px 0 0 #0078d6;
1523
+ }
1524
+ .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) {
1488
1525
  position: relative;
1489
- z-index: 5;
1490
1526
  }
1491
1527
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1492
1528
  font-size: 10px;
@@ -1744,6 +1780,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1744
1780
  .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 {
1745
1781
  border-right: 0;
1746
1782
  }
1783
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1784
+ border-right: 0;
1785
+ }
1786
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1787
+ border-left: 0;
1788
+ }
1747
1789
  .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 {
1748
1790
  left: 0;
1749
1791
  }
@@ -1772,7 +1814,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1772
1814
  width: 1px;
1773
1815
  }
1774
1816
  .e-grid .e-virtual-rhandler {
1775
- z-index: 1;
1817
+ z-index: 5;
1776
1818
  }
1777
1819
  .e-grid.e-device .e-ricon::before {
1778
1820
  border-bottom: 6px solid transparent;
@@ -1857,9 +1899,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1857
1899
  -ms-user-select: none;
1858
1900
  user-select: none;
1859
1901
  }
1860
- .e-grid .e-gridcontent tr:first-child td {
1902
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1861
1903
  border-top: 0 none;
1862
1904
  }
1905
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1906
+ border-top-width: 2px;
1907
+ }
1863
1908
  .e-grid .e-gridheader tr:first-child th {
1864
1909
  border-top: 0 none;
1865
1910
  }
@@ -1881,10 +1926,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1881
1926
  border-top-style: solid;
1882
1927
  border-top-width: 1px;
1883
1928
  }
1884
- .e-grid .e-frozenhdrcont {
1929
+ .e-grid .e-frozenhdrcont,
1930
+ .e-grid .e-frozenhdr {
1885
1931
  border-bottom-width: 0;
1886
1932
  }
1887
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1933
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1888
1934
  border-top-style: solid;
1889
1935
  border-top-width: 1px;
1890
1936
  }
@@ -1924,6 +1970,26 @@ li.e-separator.e-menu-item.e-excel-separator {
1924
1970
  white-space: nowrap;
1925
1971
  width: auto;
1926
1972
  }
1973
+ .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) {
1974
+ line-height: 19px;
1975
+ border-width: 1.5px;
1976
+ }
1977
+ .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) {
1978
+ line-height: 19px;
1979
+ border-width: 1.5px;
1980
+ }
1981
+ .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) {
1982
+ line-height: 19px;
1983
+ border-width: 1.5px;
1984
+ }
1985
+ .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) {
1986
+ line-height: 19px;
1987
+ border-width: 1.5px;
1988
+ }
1989
+ .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) {
1990
+ line-height: 19px;
1991
+ border-width: 1.5px;
1992
+ }
1927
1993
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1928
1994
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1929
1995
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -2023,7 +2089,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2023
2089
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
2024
2090
  margin-top: 5px;
2025
2091
  }
2026
- .e-grid.e-default .e-rowcell.e-lastrowcell {
2092
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
2027
2093
  border-bottom-width: 1px;
2028
2094
  }
2029
2095
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -2033,7 +2099,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2033
2099
  border-bottom: 1px solid;
2034
2100
  border-bottom-color: #eaeaea;
2035
2101
  }
2036
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
2102
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
2037
2103
  border-bottom-width: 1px;
2038
2104
  }
2039
2105
  .e-grid.e-bothlines .e-rowcell {
@@ -2070,6 +2136,18 @@ li.e-separator.e-menu-item.e-excel-separator {
2070
2136
  .e-grid.e-default .e-stackedheadercell {
2071
2137
  border-width: 1px 0 1px 1px;
2072
2138
  }
2139
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
2140
+ border-right-width: 2px;
2141
+ }
2142
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
2143
+ border-left-width: 2px;
2144
+ }
2145
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
2146
+ border-left-width: 1px;
2147
+ }
2148
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
2149
+ border-right-width: 1px;
2150
+ }
2073
2151
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2074
2152
  border-left-width: 0;
2075
2153
  }
@@ -2079,11 +2157,29 @@ li.e-separator.e-menu-item.e-excel-separator {
2079
2157
  .e-grid.e-default table th[rowspan] {
2080
2158
  border-width: 0 0 0 1px;
2081
2159
  }
2160
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2161
+ border-right-width: 2px;
2162
+ }
2163
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2164
+ border-left-width: 2px;
2165
+ }
2166
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2167
+ border-left-width: 1px;
2168
+ }
2169
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2170
+ border-right-width: 1px;
2171
+ }
2172
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2173
+ border-left-width: 0;
2174
+ }
2082
2175
  .e-grid tr th.e-firstcell {
2083
2176
  border-left-style: solid;
2084
2177
  border-left-width: 1px;
2085
2178
  }
2086
- .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) {
2179
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
2180
+ border-left-width: 0;
2181
+ }
2182
+ .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) {
2087
2183
  border-left-width: 0;
2088
2184
  }
2089
2185
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2277,7 +2373,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2277
2373
  .e-grid.e-horizontallines .e-filterbarcell {
2278
2374
  border-width: 1px 0 0;
2279
2375
  }
2280
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
2376
+ .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) {
2281
2377
  border-bottom-width: 1px;
2282
2378
  }
2283
2379
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2795,10 +2891,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2795
2891
  border-top: 0;
2796
2892
  padding: 0;
2797
2893
  }
2798
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2894
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2799
2895
  border-top: 1px solid;
2800
2896
  }
2801
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2897
+ .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) {
2802
2898
  border-top: 0;
2803
2899
  }
2804
2900
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2959,6 +3055,107 @@ li.e-separator.e-menu-item.e-excel-separator {
2959
3055
  border-left: 2px solid;
2960
3056
  border-right: 0;
2961
3057
  }
3058
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
3059
+ z-index: 1;
3060
+ }
3061
+ .e-grid .e-leftfreeze,
3062
+ .e-grid .e-rightfreeze {
3063
+ position: sticky;
3064
+ z-index: 2;
3065
+ }
3066
+ .e-grid .e-fixedfreeze {
3067
+ position: sticky;
3068
+ z-index: 3;
3069
+ }
3070
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
3071
+ border-top-width: 2px;
3072
+ line-height: 19px;
3073
+ }
3074
+ .e-grid .e-xlsel-left-border,
3075
+ .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 {
3076
+ border-left-width: 2px;
3077
+ }
3078
+ .e-grid .e-xlsel-right-border,
3079
+ .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 {
3080
+ border-right-width: 2px;
3081
+ }
3082
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3083
+ line-height: 16px;
3084
+ }
3085
+ .e-grid.e-wrap .e-xlsel-bottom-border {
3086
+ line-height: 14px;
3087
+ }
3088
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3089
+ line-height: 16px;
3090
+ }
3091
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
3092
+ line-height: 14px;
3093
+ }
3094
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
3095
+ line-height: 17px;
3096
+ }
3097
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
3098
+ line-height: 17px;
3099
+ }
3100
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
3101
+ border-bottom-width: 2px;
3102
+ line-height: 19px;
3103
+ }
3104
+ .e-grid .e-virtual-content.e-content {
3105
+ overflow-x: hidden;
3106
+ }
3107
+ .e-grid .e-leftfreeze.e-freezeleftborder {
3108
+ border-right-width: 2px;
3109
+ }
3110
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
3111
+ clip-path: inset(0 -15px 0 0);
3112
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
3113
+ }
3114
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3115
+ border-right-color: transparent;
3116
+ }
3117
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
3118
+ box-shadow: 0 2px 0 0 #0078d6, 4px 0 8px rgba(0, 0, 0, 0.12);
3119
+ }
3120
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
3121
+ clip-path: inset(0 0 0 -15px);
3122
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
3123
+ }
3124
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
3125
+ border-left-color: transparent;
3126
+ }
3127
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
3128
+ box-shadow: 0 2px 0 0 #0078d6, -4px 0 8px rgba(0, 0, 0, 0.12);
3129
+ }
3130
+ .e-grid .e-rightfreeze.e-freezerightborder {
3131
+ border-left-width: 2px;
3132
+ }
3133
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
3134
+ clip-path: inset(0 0 0 -15px);
3135
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
3136
+ }
3137
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3138
+ border-left-color: transparent;
3139
+ }
3140
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
3141
+ box-shadow: 0 2px 0 0 #0078d6, -4px 0 8px rgba(0, 0, 0, 0.12);
3142
+ }
3143
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
3144
+ clip-path: inset(0 -15px 0 0);
3145
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
3146
+ }
3147
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
3148
+ border-right-color: transparent;
3149
+ }
3150
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
3151
+ box-shadow: 0 2px 0 0 #0078d6, 4px 0 8px rgba(0, 0, 0, 0.12);
3152
+ }
3153
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
3154
+ border-left-width: 1px;
3155
+ }
3156
+ .e-grid .e-fixedfreeze.e-freezerightborder {
3157
+ border-right-width: 1px;
3158
+ }
2962
3159
  .e-grid .e-frozenheader {
2963
3160
  float: left;
2964
3161
  width: min-content;
@@ -3056,6 +3253,18 @@ li.e-separator.e-menu-item.e-excel-separator {
3056
3253
  padding-left: 0;
3057
3254
  padding-right: 7px;
3058
3255
  }
3256
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
3257
+ border-left-width: 2px;
3258
+ }
3259
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
3260
+ border-right-width: 2px;
3261
+ }
3262
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
3263
+ border-right-width: 1px;
3264
+ }
3265
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
3266
+ border-left-width: 1px;
3267
+ }
3059
3268
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
3060
3269
  border-width: 0;
3061
3270
  text-align: right;
@@ -3176,6 +3385,36 @@ li.e-separator.e-menu-item.e-excel-separator {
3176
3385
  .e-grid.e-rtl .e-rowcell {
3177
3386
  border-width: 1px 0 0;
3178
3387
  }
3388
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3389
+ border-left-width: 2px;
3390
+ }
3391
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3392
+ border-right-width: 2px;
3393
+ }
3394
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3395
+ border-right-width: 1px;
3396
+ }
3397
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3398
+ border-left-width: 1px;
3399
+ }
3400
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3401
+ border-left-width: 2px;
3402
+ }
3403
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3404
+ border-right-width: 2px;
3405
+ }
3406
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3407
+ border-right-width: 1px;
3408
+ }
3409
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3410
+ border-left-width: 1px;
3411
+ }
3412
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3413
+ border-left-width: 0;
3414
+ }
3415
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3416
+ border-right-width: 0;
3417
+ }
3179
3418
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
3180
3419
  border-width: 1px 0 0;
3181
3420
  }
@@ -3197,7 +3436,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3197
3436
  .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 {
3198
3437
  border-left-width: 0;
3199
3438
  }
3200
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3439
+ .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 {
3201
3440
  border-left: 0;
3202
3441
  }
3203
3442
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -3284,6 +3523,18 @@ li.e-separator.e-menu-item.e-excel-separator {
3284
3523
  .e-grid.e-rtl.e-default table th[rowspan] {
3285
3524
  border-width: 0 1px 0 0;
3286
3525
  }
3526
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3527
+ border-left-width: 2px;
3528
+ }
3529
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3530
+ border-right-width: 2px;
3531
+ }
3532
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3533
+ border-right-width: 1px;
3534
+ }
3535
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3536
+ border-left-width: 1px;
3537
+ }
3287
3538
  .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 {
3288
3539
  border-left: 1px solid;
3289
3540
  border-right: 0;
@@ -3310,7 +3561,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3310
3561
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
3311
3562
  border-width: 1px 0 0;
3312
3563
  }
3313
- .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 {
3564
+ .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) {
3314
3565
  border-bottom-width: 1px;
3315
3566
  }
3316
3567
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -3338,7 +3589,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3338
3589
  .e-grid.e-rtl .e-ungroupbutton {
3339
3590
  float: left;
3340
3591
  }
3341
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3592
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
3342
3593
  border-style: solid;
3343
3594
  border-width: 0 0 0 1px;
3344
3595
  }
@@ -3384,6 +3635,12 @@ li.e-separator.e-menu-item.e-excel-separator {
3384
3635
  white-space: normal;
3385
3636
  word-wrap: break-word;
3386
3637
  }
3638
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3639
+ line-height: 14px;
3640
+ }
3641
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3642
+ line-height: 16px;
3643
+ }
3387
3644
  .e-grid .e-stackedheadercelldiv {
3388
3645
  overflow: hidden;
3389
3646
  text-overflow: ellipsis;
@@ -3416,15 +3673,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3416
3673
  top: -1000px;
3417
3674
  width: 1px;
3418
3675
  }
3419
- .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 {
3676
+ .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) {
3420
3677
  border-left: 0;
3421
3678
  border-right: 0;
3422
3679
  border-top: 0;
3423
3680
  }
3424
- .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) {
3681
+ .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) {
3425
3682
  border-right: 0;
3426
3683
  }
3427
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3684
+ .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) {
3428
3685
  border-left: 0;
3429
3686
  }
3430
3687
  .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 {
@@ -4202,6 +4459,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4202
4459
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4203
4460
  box-shadow: 0 0 0 1px #666 inset;
4204
4461
  }
4462
+ .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) {
4463
+ border-color: #666;
4464
+ }
4205
4465
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4206
4466
  color: #333;
4207
4467
  }
@@ -4223,6 +4483,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4223
4483
  border-color: #0078d6;
4224
4484
  z-index: 1;
4225
4485
  }
4486
+ .e-grid .e-autofill.e-freeze-autofill {
4487
+ z-index: 5;
4488
+ }
4226
4489
  .e-grid .e-xlsel {
4227
4490
  background-color: transparent;
4228
4491
  border-style: solid;
@@ -4233,6 +4496,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4233
4496
  background-color: #0078d6;
4234
4497
  border-color: #0078d6;
4235
4498
  position: absolute;
4499
+ z-index: 3;
4236
4500
  }
4237
4501
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
4238
4502
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -4240,9 +4504,36 @@ li.e-separator.e-menu-item.e-excel-separator {
4240
4504
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
4241
4505
  .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 {
4242
4506
  box-shadow: 0 2px 0 0 #0078d6;
4243
- position: relative;
4244
4507
  z-index: 5;
4245
4508
  }
4509
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4510
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4511
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4512
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4513
+ .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 {
4514
+ z-index: 6;
4515
+ }
4516
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4517
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4518
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4519
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4520
+ .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 {
4521
+ z-index: 6;
4522
+ }
4523
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4524
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4525
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4526
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4527
+ .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 {
4528
+ z-index: 6;
4529
+ }
4530
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4531
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4532
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4533
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4534
+ .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) {
4535
+ position: relative;
4536
+ }
4246
4537
  .e-grid .e-gridheader {
4247
4538
  background-color: #fff;
4248
4539
  border-bottom-color: #eaeaea;
@@ -4252,6 +4543,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4252
4543
  .e-grid .e-gridcontent tr:first-child td {
4253
4544
  border-top-color: transparent;
4254
4545
  }
4546
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4547
+ border-top-color: #0078d6;
4548
+ }
4255
4549
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
4256
4550
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
4257
4551
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4356,6 +4650,60 @@ li.e-separator.e-menu-item.e-excel-separator {
4356
4650
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
4357
4651
  border-right-color: #fff;
4358
4652
  }
4653
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4654
+ border-left-color: #0078d6;
4655
+ }
4656
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4657
+ border-right-color: #0078d6;
4658
+ }
4659
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4660
+ border-right-color: #0078d6;
4661
+ }
4662
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4663
+ border-left-color: #0078d6;
4664
+ }
4665
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4666
+ border-right-color: #0078d6;
4667
+ }
4668
+ .e-grid .e-rightfreeze.e-freezerightborder {
4669
+ border-left-color: #0078d6;
4670
+ }
4671
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4672
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4673
+ border-left-color: #0078d6;
4674
+ }
4675
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4676
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4677
+ border-right-color: #0078d6;
4678
+ }
4679
+ .e-grid .e-xlsel-top-border {
4680
+ border-top-color: #0078d6;
4681
+ }
4682
+ .e-grid .e-xlsel-left-border {
4683
+ border-left-color: #0078d6;
4684
+ }
4685
+ .e-grid .e-xlsel-right-border {
4686
+ border-right-color: #0078d6;
4687
+ }
4688
+ .e-grid .e-xlsel-bottom-border {
4689
+ border-bottom-color: #0078d6;
4690
+ }
4691
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4692
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4693
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4694
+ background-color: #fff;
4695
+ }
4696
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4697
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4698
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4699
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4700
+ background-color: #fff;
4701
+ }
4702
+ .e-grid .e-gridfooter .e-leftfreeze,
4703
+ .e-grid .e-gridfooter .e-rightfreeze,
4704
+ .e-grid .e-gridfooter .e-fixedfreeze {
4705
+ background-color: #f6f6f6;
4706
+ }
4359
4707
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4360
4708
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4361
4709
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4463,7 +4811,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4463
4811
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4464
4812
  border: 0 none;
4465
4813
  }
4466
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4814
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4467
4815
  border-bottom: 1px solid #eaeaea;
4468
4816
  border-right: 1px solid #eaeaea;
4469
4817
  }
@@ -4543,11 +4891,11 @@ li.e-separator.e-menu-item.e-excel-separator {
4543
4891
  background-color: #d7f9c7;
4544
4892
  color: #333;
4545
4893
  }
4546
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4894
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4547
4895
  border-top-color: #eaeaea;
4548
4896
  }
4549
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4550
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4897
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4898
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4551
4899
  border-top: 1px solid #eaeaea;
4552
4900
  }
4553
4901
  .e-grid .e-ccdlg .e-footer-content {
@@ -4563,6 +4911,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4563
4911
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4564
4912
  color: #333;
4565
4913
  }
4914
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4915
+ box-shadow: none;
4916
+ }
4566
4917
  .e-grid .e-cloneproperties.e-draganddrop table,
4567
4918
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4568
4919
  background-color: #fff;