@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
@@ -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;
@@ -1067,6 +1075,23 @@
1067
1075
  background-color: #317ab9;
1068
1076
  height: 2px;
1069
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);
1070
1095
  }
1071
1096
  .e-grid .e-grid-relative {
1072
1097
  position: relative;
@@ -1097,10 +1122,17 @@
1097
1122
  border-right: 1px solid #ddd;
1098
1123
  border-bottom: 0;
1099
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
+ }
1100
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 {
1101
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) {
1102
1135
  position: relative;
1103
- z-index: 5;
1104
1136
  }
1105
1137
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1106
1138
  font-size: 10px;
@@ -1358,6 +1390,12 @@
1358
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 {
1359
1391
  border-right: 0;
1360
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
+ }
1361
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 {
1362
1400
  left: 0;
1363
1401
  }
@@ -1386,7 +1424,7 @@
1386
1424
  width: 1px;
1387
1425
  }
1388
1426
  .e-grid .e-virtual-rhandler {
1389
- z-index: 1;
1427
+ z-index: 5;
1390
1428
  }
1391
1429
  .e-grid.e-device .e-ricon::before {
1392
1430
  border-bottom: 6px solid transparent;
@@ -1471,9 +1509,12 @@
1471
1509
  -ms-user-select: none;
1472
1510
  user-select: none;
1473
1511
  }
1474
- .e-grid .e-gridcontent tr:first-child td {
1512
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1475
1513
  border-top: 0 none;
1476
1514
  }
1515
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1516
+ border-top-width: 2px;
1517
+ }
1477
1518
  .e-grid .e-gridheader tr:first-child th {
1478
1519
  border-top: 0 none;
1479
1520
  }
@@ -1495,10 +1536,11 @@
1495
1536
  border-top-style: solid;
1496
1537
  border-top-width: 1px;
1497
1538
  }
1498
- .e-grid .e-frozenhdrcont {
1539
+ .e-grid .e-frozenhdrcont,
1540
+ .e-grid .e-frozenhdr {
1499
1541
  border-bottom-width: 0;
1500
1542
  }
1501
- .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) {
1502
1544
  border-top-style: solid;
1503
1545
  border-top-width: 1px;
1504
1546
  }
@@ -1538,6 +1580,26 @@
1538
1580
  white-space: nowrap;
1539
1581
  width: auto;
1540
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
+ }
1541
1603
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1542
1604
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1543
1605
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1637,7 +1699,7 @@
1637
1699
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1638
1700
  margin-top: 0;
1639
1701
  }
1640
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1702
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1641
1703
  border-bottom-width: 1px;
1642
1704
  }
1643
1705
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1647,7 +1709,7 @@
1647
1709
  border-bottom: 1px solid;
1648
1710
  border-bottom-color: #ddd;
1649
1711
  }
1650
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1712
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1651
1713
  border-bottom-width: 1px;
1652
1714
  }
1653
1715
  .e-grid.e-bothlines .e-rowcell {
@@ -1684,6 +1746,18 @@
1684
1746
  .e-grid.e-default .e-stackedheadercell {
1685
1747
  border-width: 1px 0 1px 1px;
1686
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
+ }
1687
1761
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1688
1762
  border-left-width: 0;
1689
1763
  }
@@ -1693,11 +1767,29 @@
1693
1767
  .e-grid.e-default table th[rowspan] {
1694
1768
  border-width: 0 0 0 1px;
1695
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
+ }
1696
1785
  .e-grid tr th.e-firstcell {
1697
1786
  border-left-style: solid;
1698
1787
  border-left-width: 1px;
1699
1788
  }
1700
- .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) {
1701
1793
  border-left-width: 0;
1702
1794
  }
1703
1795
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1891,7 +1983,7 @@
1891
1983
  .e-grid.e-horizontallines .e-filterbarcell {
1892
1984
  border-width: 1px 0 0;
1893
1985
  }
1894
- .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) {
1895
1987
  border-bottom-width: 1px;
1896
1988
  }
1897
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 {
@@ -2409,10 +2501,10 @@
2409
2501
  border-top: 0;
2410
2502
  padding: 0;
2411
2503
  }
2412
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2504
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2413
2505
  border-top: 1px solid;
2414
2506
  }
2415
- .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) {
2416
2508
  border-top: 0;
2417
2509
  }
2418
2510
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2573,6 +2665,107 @@
2573
2665
  border-left: 2px solid;
2574
2666
  border-right: 0;
2575
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
+ }
2576
2769
  .e-grid .e-frozenheader {
2577
2770
  float: left;
2578
2771
  width: min-content;
@@ -2670,6 +2863,18 @@
2670
2863
  padding-left: 0;
2671
2864
  padding-right: 8px;
2672
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
+ }
2673
2878
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2674
2879
  border-width: 0;
2675
2880
  text-align: right;
@@ -2790,6 +2995,36 @@
2790
2995
  .e-grid.e-rtl .e-rowcell {
2791
2996
  border-width: 1px 0 0;
2792
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
+ }
2793
3028
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2794
3029
  border-width: 2px 0 0;
2795
3030
  }
@@ -2811,7 +3046,7 @@
2811
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 {
2812
3047
  border-left-width: 0;
2813
3048
  }
2814
- .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 {
2815
3050
  border-left: 0;
2816
3051
  }
2817
3052
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2898,6 +3133,18 @@
2898
3133
  .e-grid.e-rtl.e-default table th[rowspan] {
2899
3134
  border-width: 0 1px 0 0;
2900
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
+ }
2901
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 {
2902
3149
  border-left: 1px solid;
2903
3150
  border-right: 0;
@@ -2924,7 +3171,7 @@
2924
3171
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2925
3172
  border-width: 1px 0 0;
2926
3173
  }
2927
- .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) {
2928
3175
  border-bottom-width: 1px;
2929
3176
  }
2930
3177
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -2952,7 +3199,7 @@
2952
3199
  .e-grid.e-rtl .e-ungroupbutton {
2953
3200
  float: left;
2954
3201
  }
2955
- .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 {
2956
3203
  border-style: solid;
2957
3204
  border-width: 0 0 0 1px;
2958
3205
  }
@@ -2998,6 +3245,12 @@
2998
3245
  white-space: normal;
2999
3246
  word-wrap: break-word;
3000
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
+ }
3001
3254
  .e-grid .e-stackedheadercelldiv {
3002
3255
  overflow: hidden;
3003
3256
  text-overflow: ellipsis;
@@ -3030,15 +3283,15 @@
3030
3283
  top: -1000px;
3031
3284
  width: 1px;
3032
3285
  }
3033
- .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) {
3034
3287
  border-left: 0;
3035
3288
  border-right: 0;
3036
3289
  border-top: 0;
3037
3290
  }
3038
- .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) {
3039
3292
  border-right: 0;
3040
3293
  }
3041
- .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) {
3042
3295
  border-left: 0;
3043
3296
  }
3044
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 {
@@ -3816,6 +4069,9 @@
3816
4069
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3817
4070
  box-shadow: 0 0 0 1px #66afe9 inset;
3818
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
+ }
3819
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) {
3820
4076
  color: #333;
3821
4077
  }
@@ -3837,6 +4093,9 @@
3837
4093
  border-color: #317ab9;
3838
4094
  z-index: 1;
3839
4095
  }
4096
+ .e-grid .e-autofill.e-freeze-autofill {
4097
+ z-index: 5;
4098
+ }
3840
4099
  .e-grid .e-xlsel {
3841
4100
  background-color: transparent;
3842
4101
  border-style: solid;
@@ -3847,6 +4106,7 @@
3847
4106
  background-color: #317ab9;
3848
4107
  border-color: #317ab9;
3849
4108
  position: absolute;
4109
+ z-index: 3;
3850
4110
  }
3851
4111
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3852
4112
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3854,9 +4114,36 @@
3854
4114
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3855
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 {
3856
4116
  box-shadow: 0 2px 0 0 #317ab9;
3857
- position: relative;
3858
4117
  z-index: 5;
3859
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
+ }
3860
4147
  .e-grid .e-gridheader {
3861
4148
  background-color: #fff;
3862
4149
  border-bottom-color: #ddd;
@@ -3866,6 +4153,9 @@
3866
4153
  .e-grid .e-gridcontent tr:first-child td {
3867
4154
  border-top-color: transparent;
3868
4155
  }
4156
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4157
+ border-top-color: #317ab9;
4158
+ }
3869
4159
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3870
4160
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3871
4161
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -3970,6 +4260,60 @@
3970
4260
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
3971
4261
  border-right-color: #fff;
3972
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
+ }
3973
4317
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
3974
4318
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
3975
4319
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4077,7 +4421,7 @@
4077
4421
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4078
4422
  border: 0 none;
4079
4423
  }
4080
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4424
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4081
4425
  border-bottom: 1px solid #ddd;
4082
4426
  border-right: 1px solid #ddd;
4083
4427
  }
@@ -4157,11 +4501,11 @@
4157
4501
  background-color: #d7f9c7;
4158
4502
  color: #333;
4159
4503
  }
4160
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4504
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4161
4505
  border-top-color: #ddd;
4162
4506
  }
4163
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4164
- .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 {
4165
4509
  border-top: 1px solid #ddd;
4166
4510
  }
4167
4511
  .e-grid .e-ccdlg .e-footer-content {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'ej2-navigations/styles/pager/bootstrap-definition.scss';
3
3
  @import '../excel-filter/bootstrap-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/bootstrap-definition.scss';