@syncfusion/ej2-angular-grids 22.2.12 → 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 (108) hide show
  1. package/esm2020/src/grid/aggregate-columns.directive.mjs +1 -1
  2. package/esm2020/src/grid/columns.directive.mjs +1 -1
  3. package/esm2020/src/grid/grid.component.mjs +4 -4
  4. package/esm2020/src/grid/stacked-column.directive.mjs +1 -1
  5. package/fesm2015/syncfusion-ej2-angular-grids.mjs +3 -3
  6. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  7. package/fesm2020/syncfusion-ej2-angular-grids.mjs +3 -3
  8. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  9. package/package.json +9 -9
  10. package/schematics/utils/lib-details.d.ts +2 -2
  11. package/schematics/utils/lib-details.js +2 -2
  12. package/schematics/utils/lib-details.ts +2 -2
  13. package/src/grid/aggregate-columns.directive.d.ts +1 -0
  14. package/src/grid/columns.directive.d.ts +3 -1
  15. package/src/grid/grid.component.d.ts +4 -3
  16. package/src/grid/stacked-column.directive.d.ts +3 -1
  17. package/styles/bootstrap-dark.css +366 -22
  18. package/styles/bootstrap.css +366 -22
  19. package/styles/bootstrap4.css +379 -22
  20. package/styles/bootstrap5-dark.css +366 -22
  21. package/styles/bootstrap5.css +366 -22
  22. package/styles/excel-filter/bootstrap-dark.scss +1 -1
  23. package/styles/excel-filter/bootstrap.scss +1 -1
  24. package/styles/excel-filter/bootstrap4.scss +1 -1
  25. package/styles/excel-filter/bootstrap5-dark.scss +1 -1
  26. package/styles/excel-filter/bootstrap5.scss +1 -1
  27. package/styles/excel-filter/fabric-dark.scss +1 -1
  28. package/styles/excel-filter/fabric.scss +1 -1
  29. package/styles/excel-filter/fluent-dark.scss +1 -1
  30. package/styles/excel-filter/fluent.scss +1 -1
  31. package/styles/excel-filter/highcontrast-light.scss +1 -1
  32. package/styles/excel-filter/highcontrast.scss +1 -1
  33. package/styles/excel-filter/material-dark.css +0 -1
  34. package/styles/excel-filter/material-dark.scss +1 -1
  35. package/styles/excel-filter/material.css +0 -1
  36. package/styles/excel-filter/material.scss +1 -1
  37. package/styles/excel-filter/material3-dark.css +0 -1
  38. package/styles/excel-filter/material3-dark.scss +1 -1
  39. package/styles/excel-filter/material3.css +0 -1
  40. package/styles/excel-filter/material3.scss +1 -1
  41. package/styles/excel-filter/tailwind-dark.css +0 -1
  42. package/styles/excel-filter/tailwind-dark.scss +1 -1
  43. package/styles/excel-filter/tailwind.css +0 -1
  44. package/styles/excel-filter/tailwind.scss +1 -1
  45. package/styles/fabric-dark.css +366 -22
  46. package/styles/fabric.css +366 -22
  47. package/styles/fluent-dark.css +367 -23
  48. package/styles/fluent.css +367 -23
  49. package/styles/grid/_bootstrap-dark-definition.scss +11 -0
  50. package/styles/grid/_bootstrap-definition.scss +11 -0
  51. package/styles/grid/_bootstrap4-definition.scss +11 -0
  52. package/styles/grid/_bootstrap5-definition.scss +11 -0
  53. package/styles/grid/_fabric-dark-definition.scss +11 -0
  54. package/styles/grid/_fabric-definition.scss +11 -0
  55. package/styles/grid/_fluent-definition.scss +12 -1
  56. package/styles/grid/_fusionnew-definition.scss +11 -0
  57. package/styles/grid/_highcontrast-definition.scss +11 -0
  58. package/styles/grid/_highcontrast-light-definition.scss +11 -0
  59. package/styles/grid/_layout.scss +401 -28
  60. package/styles/grid/_material-dark-definition.scss +13 -2
  61. package/styles/grid/_material-definition.scss +11 -0
  62. package/styles/grid/_material3-definition.scss +12 -1
  63. package/styles/grid/_tailwind-definition.scss +11 -0
  64. package/styles/grid/_theme.scss +227 -6
  65. package/styles/grid/bootstrap-dark.css +366 -22
  66. package/styles/grid/bootstrap-dark.scss +1 -1
  67. package/styles/grid/bootstrap.css +366 -22
  68. package/styles/grid/bootstrap.scss +1 -1
  69. package/styles/grid/bootstrap4.css +379 -22
  70. package/styles/grid/bootstrap4.scss +1 -1
  71. package/styles/grid/bootstrap5-dark.css +366 -22
  72. package/styles/grid/bootstrap5-dark.scss +1 -1
  73. package/styles/grid/bootstrap5.css +366 -22
  74. package/styles/grid/bootstrap5.scss +1 -1
  75. package/styles/grid/fabric-dark.css +366 -22
  76. package/styles/grid/fabric-dark.scss +1 -1
  77. package/styles/grid/fabric.css +366 -22
  78. package/styles/grid/fabric.scss +1 -1
  79. package/styles/grid/fluent-dark.css +367 -23
  80. package/styles/grid/fluent-dark.scss +1 -1
  81. package/styles/grid/fluent.css +367 -23
  82. package/styles/grid/fluent.scss +1 -1
  83. package/styles/grid/highcontrast-light.css +366 -22
  84. package/styles/grid/highcontrast-light.scss +1 -1
  85. package/styles/grid/highcontrast.css +366 -22
  86. package/styles/grid/highcontrast.scss +1 -1
  87. package/styles/grid/material-dark.css +371 -28
  88. package/styles/grid/material-dark.scss +1 -1
  89. package/styles/grid/material.css +366 -23
  90. package/styles/grid/material.scss +1 -1
  91. package/styles/grid/material3-dark.css +383 -24
  92. package/styles/grid/material3-dark.scss +1 -1
  93. package/styles/grid/material3.css +383 -24
  94. package/styles/grid/material3.scss +1 -1
  95. package/styles/grid/tailwind-dark.css +366 -23
  96. package/styles/grid/tailwind-dark.scss +1 -1
  97. package/styles/grid/tailwind.css +366 -23
  98. package/styles/grid/tailwind.scss +1 -1
  99. package/styles/highcontrast-light.css +366 -22
  100. package/styles/highcontrast.css +366 -22
  101. package/styles/material-dark.css +371 -28
  102. package/styles/material.css +366 -23
  103. package/styles/material3-dark.css +383 -24
  104. package/styles/material3-dark.scss +1 -1
  105. package/styles/material3.css +383 -24
  106. package/styles/material3.scss +1 -1
  107. package/styles/tailwind-dark.css +366 -24
  108. package/styles/tailwind.css +366 -24
@@ -740,6 +740,14 @@
740
740
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
741
741
  line-height: 24px;
742
742
  }
743
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
744
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
745
+ line-height: 20px;
746
+ }
747
+ .e-bigger .e-grid .e-xlsel-bottom-border,
748
+ .e-grid.e-bigger .e-xlsel-bottom-border {
749
+ line-height: 22px;
750
+ }
743
751
  .e-bigger .e-grid .e-filterbarcell input,
744
752
  .e-grid.e-bigger .e-filterbarcell input {
745
753
  font-size: 16px;
@@ -1125,6 +1133,23 @@
1125
1133
  background-color: #0d6efd;
1126
1134
  height: 2px;
1127
1135
  position: absolute;
1136
+ z-index: 5;
1137
+ }
1138
+ .e-grid .e-frozenrow-border {
1139
+ background-color: #dee2e6;
1140
+ height: 2px;
1141
+ position: relative;
1142
+ z-index: 5;
1143
+ }
1144
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1145
+ height: 0;
1146
+ }
1147
+ .e-grid.e-top-shadow .e-frozenrow-border {
1148
+ height: 4px;
1149
+ margin-top: -4px;
1150
+ background-color: transparent !important;
1151
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
1152
+ clip-path: inset(0px 0px -15px 0px);
1128
1153
  }
1129
1154
  .e-grid .e-grid-relative {
1130
1155
  position: relative;
@@ -1155,10 +1180,17 @@
1155
1180
  border-right: 1px solid #dee2e6;
1156
1181
  border-bottom: 0;
1157
1182
  }
1183
+ .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 {
1184
+ z-index: 5;
1185
+ }
1186
+ .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 {
1187
+ z-index: 6;
1188
+ }
1158
1189
  .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 {
1159
1190
  box-shadow: 0 2px 0 0 #0d6efd;
1191
+ }
1192
+ .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) {
1160
1193
  position: relative;
1161
- z-index: 5;
1162
1194
  }
1163
1195
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1164
1196
  font-size: 14px;
@@ -1419,6 +1451,12 @@
1419
1451
  .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 {
1420
1452
  border-right: 0;
1421
1453
  }
1454
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1455
+ border-right: 0;
1456
+ }
1457
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1458
+ border-left: 0;
1459
+ }
1422
1460
  .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 {
1423
1461
  left: 0;
1424
1462
  }
@@ -1447,7 +1485,7 @@
1447
1485
  width: 1px;
1448
1486
  }
1449
1487
  .e-grid .e-virtual-rhandler {
1450
- z-index: 1;
1488
+ z-index: 5;
1451
1489
  }
1452
1490
  .e-grid.e-device .e-ricon::before {
1453
1491
  border-bottom: 6px solid transparent;
@@ -1532,9 +1570,12 @@
1532
1570
  -ms-user-select: none;
1533
1571
  user-select: none;
1534
1572
  }
1535
- .e-grid .e-gridcontent tr:first-child td {
1573
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1536
1574
  border-top: 0 none;
1537
1575
  }
1576
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1577
+ border-top-width: 2px;
1578
+ }
1538
1579
  .e-grid .e-gridheader tr:first-child th {
1539
1580
  border-top: 0 none;
1540
1581
  }
@@ -1556,10 +1597,11 @@
1556
1597
  border-top-style: solid;
1557
1598
  border-top-width: 1px;
1558
1599
  }
1559
- .e-grid .e-frozenhdrcont {
1600
+ .e-grid .e-frozenhdrcont,
1601
+ .e-grid .e-frozenhdr {
1560
1602
  border-bottom-width: 0;
1561
1603
  }
1562
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1604
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1563
1605
  border-top-style: solid;
1564
1606
  border-top-width: 1px;
1565
1607
  }
@@ -1599,6 +1641,26 @@
1599
1641
  white-space: nowrap;
1600
1642
  width: auto;
1601
1643
  }
1644
+ .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) {
1645
+ line-height: 20px;
1646
+ border-width: 1.5px;
1647
+ }
1648
+ .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) {
1649
+ line-height: 20px;
1650
+ border-width: 1.5px;
1651
+ }
1652
+ .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) {
1653
+ line-height: 20px;
1654
+ border-width: 1.5px;
1655
+ }
1656
+ .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) {
1657
+ line-height: 20px;
1658
+ border-width: 1.5px;
1659
+ }
1660
+ .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) {
1661
+ line-height: 20px;
1662
+ border-width: 1.5px;
1663
+ }
1602
1664
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1603
1665
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1604
1666
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1698,7 +1760,7 @@
1698
1760
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1699
1761
  margin-top: 0;
1700
1762
  }
1701
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1763
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1702
1764
  border-bottom-width: 1px;
1703
1765
  }
1704
1766
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1708,7 +1770,7 @@
1708
1770
  border-bottom: 1px solid;
1709
1771
  border-bottom-color: #dee2e6;
1710
1772
  }
1711
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1773
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1712
1774
  border-bottom-width: 1px;
1713
1775
  }
1714
1776
  .e-grid.e-bothlines .e-rowcell {
@@ -1745,6 +1807,18 @@
1745
1807
  .e-grid.e-default .e-stackedheadercell {
1746
1808
  border-width: 1px 0 1px 1px;
1747
1809
  }
1810
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1811
+ border-right-width: 2px;
1812
+ }
1813
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1814
+ border-left-width: 2px;
1815
+ }
1816
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1817
+ border-left-width: 1px;
1818
+ }
1819
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1820
+ border-right-width: 1px;
1821
+ }
1748
1822
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1749
1823
  border-left-width: 0;
1750
1824
  }
@@ -1754,11 +1828,29 @@
1754
1828
  .e-grid.e-default table th[rowspan] {
1755
1829
  border-width: 0 0 0 1px;
1756
1830
  }
1831
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1832
+ border-right-width: 2px;
1833
+ }
1834
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1835
+ border-left-width: 2px;
1836
+ }
1837
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1838
+ border-left-width: 1px;
1839
+ }
1840
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1841
+ border-right-width: 1px;
1842
+ }
1843
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1844
+ border-left-width: 0;
1845
+ }
1757
1846
  .e-grid tr th.e-firstcell {
1758
1847
  border-left-style: solid;
1759
1848
  border-left-width: 1px;
1760
1849
  }
1761
- .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) {
1850
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1851
+ border-left-width: 0;
1852
+ }
1853
+ .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) {
1762
1854
  border-left-width: 0;
1763
1855
  }
1764
1856
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1952,7 +2044,7 @@
1952
2044
  .e-grid.e-horizontallines .e-filterbarcell {
1953
2045
  border-width: 1px 0 0;
1954
2046
  }
1955
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
2047
+ .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) {
1956
2048
  border-bottom-width: 1px;
1957
2049
  }
1958
2050
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2470,10 +2562,10 @@
2470
2562
  border-top: 0;
2471
2563
  padding: 0;
2472
2564
  }
2473
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2565
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2474
2566
  border-top: 1px solid;
2475
2567
  }
2476
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2568
+ .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) {
2477
2569
  border-top: 0;
2478
2570
  }
2479
2571
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2634,6 +2726,107 @@
2634
2726
  border-left: 3px solid;
2635
2727
  border-right: 0;
2636
2728
  }
2729
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2730
+ z-index: 1;
2731
+ }
2732
+ .e-grid .e-leftfreeze,
2733
+ .e-grid .e-rightfreeze {
2734
+ position: sticky;
2735
+ z-index: 2;
2736
+ }
2737
+ .e-grid .e-fixedfreeze {
2738
+ position: sticky;
2739
+ z-index: 3;
2740
+ }
2741
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2742
+ border-top-width: 2px;
2743
+ line-height: 20px;
2744
+ }
2745
+ .e-grid .e-xlsel-left-border,
2746
+ .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 {
2747
+ border-left-width: 2px;
2748
+ }
2749
+ .e-grid .e-xlsel-right-border,
2750
+ .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 {
2751
+ border-right-width: 2px;
2752
+ }
2753
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2754
+ line-height: 19px;
2755
+ }
2756
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2757
+ line-height: 17px;
2758
+ }
2759
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2760
+ line-height: 19px;
2761
+ }
2762
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2763
+ line-height: 17px;
2764
+ }
2765
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2766
+ line-height: 18px;
2767
+ }
2768
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2769
+ line-height: 18px;
2770
+ }
2771
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2772
+ border-bottom-width: 2px;
2773
+ line-height: 20px;
2774
+ }
2775
+ .e-grid .e-virtual-content.e-content {
2776
+ overflow-x: hidden;
2777
+ }
2778
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2779
+ border-right-width: 2px;
2780
+ }
2781
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2782
+ clip-path: inset(0 -15px 0 0);
2783
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2784
+ }
2785
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2786
+ border-right-color: transparent;
2787
+ }
2788
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2789
+ box-shadow: 0 2px 0 0 #0d6efd, 4px 0 8px rgba(0, 0, 0, 0.12);
2790
+ }
2791
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2792
+ clip-path: inset(0 0 0 -15px);
2793
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2794
+ }
2795
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2796
+ border-left-color: transparent;
2797
+ }
2798
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2799
+ box-shadow: 0 2px 0 0 #0d6efd, -4px 0 8px rgba(0, 0, 0, 0.12);
2800
+ }
2801
+ .e-grid .e-rightfreeze.e-freezerightborder {
2802
+ border-left-width: 2px;
2803
+ }
2804
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2805
+ clip-path: inset(0 0 0 -15px);
2806
+ box-shadow: -4px 0 8px rgba(0, 0, 0, 0.12);
2807
+ }
2808
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2809
+ border-left-color: transparent;
2810
+ }
2811
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2812
+ box-shadow: 0 2px 0 0 #0d6efd, -4px 0 8px rgba(0, 0, 0, 0.12);
2813
+ }
2814
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2815
+ clip-path: inset(0 -15px 0 0);
2816
+ box-shadow: 4px 0 8px rgba(0, 0, 0, 0.12);
2817
+ }
2818
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2819
+ border-right-color: transparent;
2820
+ }
2821
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2822
+ box-shadow: 0 2px 0 0 #0d6efd, 4px 0 8px rgba(0, 0, 0, 0.12);
2823
+ }
2824
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2825
+ border-left-width: 1px;
2826
+ }
2827
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2828
+ border-right-width: 1px;
2829
+ }
2637
2830
  .e-grid .e-frozenheader {
2638
2831
  float: left;
2639
2832
  width: min-content;
@@ -2731,6 +2924,18 @@
2731
2924
  padding-left: 0;
2732
2925
  padding-right: 8px;
2733
2926
  }
2927
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2928
+ border-left-width: 2px;
2929
+ }
2930
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2931
+ border-right-width: 2px;
2932
+ }
2933
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2934
+ border-right-width: 1px;
2935
+ }
2936
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2937
+ border-left-width: 1px;
2938
+ }
2734
2939
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2735
2940
  border-width: 0;
2736
2941
  text-align: right;
@@ -2851,6 +3056,36 @@
2851
3056
  .e-grid.e-rtl .e-rowcell {
2852
3057
  border-width: 1px 0 0;
2853
3058
  }
3059
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
3060
+ border-left-width: 2px;
3061
+ }
3062
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3063
+ border-right-width: 2px;
3064
+ }
3065
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3066
+ border-right-width: 1px;
3067
+ }
3068
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3069
+ border-left-width: 1px;
3070
+ }
3071
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3072
+ border-left-width: 2px;
3073
+ }
3074
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3075
+ border-right-width: 2px;
3076
+ }
3077
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3078
+ border-right-width: 1px;
3079
+ }
3080
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3081
+ border-left-width: 1px;
3082
+ }
3083
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3084
+ border-left-width: 0;
3085
+ }
3086
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3087
+ border-right-width: 0;
3088
+ }
2854
3089
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2855
3090
  border-width: 1px 0 0;
2856
3091
  }
@@ -2872,7 +3107,7 @@
2872
3107
  .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 {
2873
3108
  border-left-width: 0;
2874
3109
  }
2875
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3110
+ .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 {
2876
3111
  border-left: 0;
2877
3112
  }
2878
3113
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2959,6 +3194,18 @@
2959
3194
  .e-grid.e-rtl.e-default table th[rowspan] {
2960
3195
  border-width: 0 1px 0 0;
2961
3196
  }
3197
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3198
+ border-left-width: 2px;
3199
+ }
3200
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3201
+ border-right-width: 2px;
3202
+ }
3203
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3204
+ border-right-width: 1px;
3205
+ }
3206
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3207
+ border-left-width: 1px;
3208
+ }
2962
3209
  .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 {
2963
3210
  border-left: 1px solid;
2964
3211
  border-right: 0;
@@ -2985,7 +3232,7 @@
2985
3232
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2986
3233
  border-width: 1px 0 0;
2987
3234
  }
2988
- .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 {
3235
+ .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) {
2989
3236
  border-bottom-width: 1px;
2990
3237
  }
2991
3238
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -3013,7 +3260,7 @@
3013
3260
  .e-grid.e-rtl .e-ungroupbutton {
3014
3261
  float: left;
3015
3262
  }
3016
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3263
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
3017
3264
  border-style: solid;
3018
3265
  border-width: 0 0 0 1px;
3019
3266
  }
@@ -3059,6 +3306,12 @@
3059
3306
  white-space: normal;
3060
3307
  word-wrap: break-word;
3061
3308
  }
3309
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3310
+ line-height: 17px;
3311
+ }
3312
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3313
+ line-height: 19px;
3314
+ }
3062
3315
  .e-grid .e-stackedheadercelldiv {
3063
3316
  overflow: hidden;
3064
3317
  text-overflow: ellipsis;
@@ -3091,15 +3344,15 @@
3091
3344
  top: -1000px;
3092
3345
  width: 1px;
3093
3346
  }
3094
- .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 {
3347
+ .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) {
3095
3348
  border-left: 0;
3096
3349
  border-right: 0;
3097
3350
  border-top: 0;
3098
3351
  }
3099
- .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) {
3352
+ .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) {
3100
3353
  border-right: 0;
3101
3354
  }
3102
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3355
+ .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) {
3103
3356
  border-left: 0;
3104
3357
  }
3105
3358
  .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 {
@@ -3892,6 +4145,9 @@
3892
4145
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3893
4146
  box-shadow: 0 0 0 1px #0d6efd inset;
3894
4147
  }
4148
+ .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) {
4149
+ border-color: #0d6efd;
4150
+ }
3895
4151
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3896
4152
  color: #6c757d;
3897
4153
  }
@@ -3913,6 +4169,9 @@
3913
4169
  border-color: #0d6efd;
3914
4170
  z-index: 1;
3915
4171
  }
4172
+ .e-grid .e-autofill.e-freeze-autofill {
4173
+ z-index: 5;
4174
+ }
3916
4175
  .e-grid .e-xlsel {
3917
4176
  background-color: transparent;
3918
4177
  border-style: solid;
@@ -3923,6 +4182,7 @@
3923
4182
  background-color: #0d6efd;
3924
4183
  border-color: #0d6efd;
3925
4184
  position: absolute;
4185
+ z-index: 3;
3926
4186
  }
3927
4187
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3928
4188
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3930,9 +4190,36 @@
3930
4190
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3931
4191
  .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 {
3932
4192
  box-shadow: 0 2px 0 0 #0d6efd;
3933
- position: relative;
3934
4193
  z-index: 5;
3935
4194
  }
4195
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4196
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4197
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4198
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4199
+ .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 {
4200
+ z-index: 6;
4201
+ }
4202
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4203
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4204
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4205
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4206
+ .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 {
4207
+ z-index: 6;
4208
+ }
4209
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4210
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4211
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4212
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4213
+ .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 {
4214
+ z-index: 6;
4215
+ }
4216
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4217
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4218
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4219
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4220
+ .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) {
4221
+ position: relative;
4222
+ }
3936
4223
  .e-grid .e-gridheader {
3937
4224
  background-color: #fff;
3938
4225
  border-bottom-color: #dee2e6;
@@ -3942,6 +4229,9 @@
3942
4229
  .e-grid .e-gridcontent tr:first-child td {
3943
4230
  border-top-color: transparent;
3944
4231
  }
4232
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4233
+ border-top-color: #dee2e6;
4234
+ }
3945
4235
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3946
4236
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3947
4237
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -4046,6 +4336,60 @@
4046
4336
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
4047
4337
  border-right-color: #fff;
4048
4338
  }
4339
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4340
+ border-left-color: #dee2e6;
4341
+ }
4342
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4343
+ border-right-color: #dee2e6;
4344
+ }
4345
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4346
+ border-right-color: #dee2e6;
4347
+ }
4348
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4349
+ border-left-color: #dee2e6;
4350
+ }
4351
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4352
+ border-right-color: #dee2e6;
4353
+ }
4354
+ .e-grid .e-rightfreeze.e-freezerightborder {
4355
+ border-left-color: #dee2e6;
4356
+ }
4357
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4358
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4359
+ border-left-color: #dee2e6;
4360
+ }
4361
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4362
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4363
+ border-right-color: #dee2e6;
4364
+ }
4365
+ .e-grid .e-xlsel-top-border {
4366
+ border-top-color: #dee2e6;
4367
+ }
4368
+ .e-grid .e-xlsel-left-border {
4369
+ border-left-color: #dee2e6;
4370
+ }
4371
+ .e-grid .e-xlsel-right-border {
4372
+ border-right-color: #dee2e6;
4373
+ }
4374
+ .e-grid .e-xlsel-bottom-border {
4375
+ border-bottom-color: #dee2e6;
4376
+ }
4377
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4378
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4379
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4380
+ background-color: #fff;
4381
+ }
4382
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4383
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4384
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4385
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4386
+ background-color: #f8f9fa;
4387
+ }
4388
+ .e-grid .e-gridfooter .e-leftfreeze,
4389
+ .e-grid .e-gridfooter .e-rightfreeze,
4390
+ .e-grid .e-gridfooter .e-fixedfreeze {
4391
+ background-color: #f8f9fa;
4392
+ }
4049
4393
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4050
4394
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4051
4395
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4153,7 +4497,7 @@
4153
4497
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4154
4498
  border: 0 none;
4155
4499
  }
4156
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4500
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4157
4501
  border-bottom: 1px solid #dee2e6;
4158
4502
  border-right: 1px solid #dee2e6;
4159
4503
  }
@@ -4233,11 +4577,11 @@
4233
4577
  background-color: #d1e7dd;
4234
4578
  color: #198754;
4235
4579
  }
4236
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4580
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4237
4581
  border-top-color: #dee2e6;
4238
4582
  }
4239
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4240
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4583
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4584
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4241
4585
  border-top: 1px solid #dee2e6;
4242
4586
  }
4243
4587
  .e-grid .e-ccdlg .e-footer-content {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'ej2-navigations/styles/pager/bootstrap5-definition.scss';
3
3
  @import '../excel-filter/bootstrap5-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';