@syncfusion/ej2-grids 20.4.54-54738 → 20.4.54-54739

package/styles/grid/_layout.scss

@@ -420,6 +420,14 @@
       line-height: $grid-bigger-rowcell-line-height;
     }
 
+    .e-xlsel-bottom-border.e-xlsel-top-border {
+      line-height: $grid-bigger-rowcell-autofill-top-bottom-line-height;
+    }
+  
+    .e-xlsel-bottom-border {
+      line-height: $grid-bigger-rowcell-autofill-top-line-height;
+    }
+
     .e-filterbarcell input {
       font-size: $grid-bigger-font-size;
     }
@@ -796,7 +804,7 @@
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
-	@if $grid-skin == 'material3' {
+        @if $grid-skin == 'material3' {
           line-height: 24px;
         }
       }
@@ -962,6 +970,26 @@
       background-color: $grid-e-firstrow-dragborder-bcolor;
       height: 2px;
       position: absolute;
+      z-index: 5;
+    }
+
+    .e-frozenrow-border {
+      background-color: $frozen-border-color;
+      height: 2px;
+      position: relative;
+      z-index: 5;
+    }
+
+    .e-frozenrow-border.e-frozenrow-empty {
+      height: 0;
+    }
+
+    &.e-top-shadow .e-frozenrow-border {
+      height: 4px;
+      margin-top: -4px;
+      background-color: transparent !important;
+      box-shadow: 0px 4px 8px $grid-frozen-row-shadow-background-color;
+      clip-path: inset(0px 0px -15px 0px)
     }
 
     .e-grid-relative {
@@ -1004,6 +1032,36 @@
       border-bottom: 0;
     }
 
+    .e-gridcontent, .e-gridheader,
+    &.e-rtl .e-gridcontent,
+    &.e-rtl .e-gridheader {
+        & tr.e-row:first-child .e-rowcell.e-dragborder,
+        & .e-rowcell.e-dragborder,
+        & .e-rowdragdrop.e-dragborder,
+        & .e-detailrowcollapse.e-dragborder {
+        z-index: $grid-dragborder-z-index;
+        }
+    }
+
+    .e-gridcontent, .e-gridheader,
+    &.e-rtl .e-gridcontent,
+    &.e-rtl .e-gridheader {
+        & tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
+        & tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
+        & tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
+        & .e-rowcell.e-dragborder.e-leftfreeze,
+        & .e-rowcell.e-dragborder.e-rightfreeze,
+        & .e-rowcell.e-dragborder.e-rightfreeze,
+        & .e-rowdragdrop.e-dragborder.e-leftfreeze,
+        & .e-rowdragdrop.e-dragborder.e-rightfreeze,
+        & .e-rowdragdrop.e-dragborder.e-fixedfreeze,
+        & .e-detailrowcollapse.e-dragborder.e-leftfreeze,
+        & .e-detailrowcollapse.e-dragborder.e-rightfreeze,
+        & .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
+        z-index: 6;
+        }
+    }
+
     .e-gridcontent, .e-gridheader,
     &.e-rtl .e-gridcontent,
     &.e-rtl .e-gridheader {
@@ -1012,8 +1070,17 @@
         & .e-rowdragdrop.e-dragborder,
         & .e-detailrowcollapse.e-dragborder {
         box-shadow: $grid-dragborder-box-shadow;
+        }
+    }
+
+    .e-gridcontent, .e-gridheader,
+    &.e-rtl .e-gridcontent,
+    &.e-rtl .e-gridheader {
+        & tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+        & .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+        & .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
+        & .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
         position: $grid-dragborder-position;
-        z-index: $grid-dragborder-z-index;
         }
     }
 
@@ -1438,6 +1505,14 @@
       border-right: 0;
     }
 
+    & .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
+      border-right: 0;
+    }
+
+    &.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
+      border-left: 0;
+    }
+
     & .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
     & .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
       left: 0;
@@ -1477,7 +1552,7 @@
     }
 
     & .e-virtual-rhandler {
-      z-index: 1;
+      z-index: 5;
     }
 
     &.e-device .e-ricon::before {
@@ -1543,7 +1618,7 @@
       overflow: hidden;
       padding: $grid-headercell-div-padding;
       text-align: left;
-	  text-transform: $grid-header-text-transform;
+      text-transform: $grid-header-text-transform;
       user-select: none;
     }
 
@@ -1551,6 +1626,11 @@
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -1575,12 +1655,17 @@
       user-select: none;
     }
 
-    .e-gridcontent {
+    &:not(.e-left-shadow, .e-right-shadow) .e-gridcontent {
       & tr:first-child td {
         border-top: 0 none;
-      }
+      }   
     }
 
+    .e-gridcontent {
+      & tr:first-child td.e-xlsel-top-border {
+        border-top-width: 2px;
+      }   
+    }
 
     .e-gridheader {
       & tr:first-child th {
@@ -1611,11 +1696,12 @@
       border-top-width: $grid-border-size;
     }
 
-    .e-frozenhdrcont {
+    .e-frozenhdrcont,
+    .e-frozenhdr {
       border-bottom-width: 0;
     }
 
-    .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
+    .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
       border-top-style: $grid-border-type;
       border-top-width: $grid-bottom-border-size;
     }
@@ -1663,6 +1749,36 @@
       width: auto;
     }
 
+    &.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-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) {
+      line-height: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
+    &.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-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) {
+      line-height: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
+    &.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-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) {
+      line-height: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
+    &.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-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) {
+      line-height: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
+    &.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-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) {
+      line-height: $grid-rowcell-autofill-top-line-height;
+      border-width : 1.5px;
+    }
+
     .e-frozenheader table .e-insertedrow td.e-rowcell,
     .e-frozencontent table .e-insertedrow td.e-rowcell,
     .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1791,7 +1907,7 @@
       margin-top: $grid-td-checkbox-margin-top;
     }
 
-    &.e-default .e-rowcell.e-lastrowcell {
+    &.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
       border-bottom-width: 1px;
     }
 
@@ -1804,7 +1920,7 @@
         border-bottom-color: $grid-header-border-color;
     }
 
-    &.e-bothlines .e-rowcell.e-lastrowcell {
+    &.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
       border-bottom-width: 1px;
     }
 
@@ -1858,6 +1974,22 @@
       border-width: $grid-stackedheadercell-border-size;
     }
 
+    &.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
+      border-right-width: 2px;
+    }
+
+    &.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
+      border-left-width: 2px;
+    }
+
+    &.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
+      border-left-width: 1px;
+    }
+
+    &.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
+      border-right-width: 1px;
+    }
+
     &.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
       border-left-width: 0;
     }
@@ -1871,18 +2003,43 @@
       border-width: $grid-headercell-both-border-width;
     }
 
+    &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+      border-right-width: 2px;
+    }
+  
+    &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+      border-left-width: 2px;
+    }
+  
+    &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+      border-left-width: 1px;
+    }
+      
+    &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+      border-right-width: 1px;
+    }
+  
+    &.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
+      border-left-width: 0;
+    }
+
     tr  th.e-firstcell {
       border-left-style: $grid-border-type;
       border-left-width: $grid-border-size;
     }
 
     &.e-default tr {
-      & td:first-child,
-      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
-      & th.e-detailheadercell:first-child,
-      & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
-        border-left-width: 0;
+        & th.e-detailheadercell:first-child {
+          border-left-width: 0;
+        }
       }
+  
+    &.e-default:not(.e-rtl) tr {
+        & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder),
+        & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+        & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
+            border-left-width: 0;  
+        }
     }
 
     &.e-default .e-gridheader th.e-firstcell.e-movablefirst{
@@ -2184,7 +2341,7 @@
     &.e-horizontallines,
     &.e-verticallines,
     &.e-hidelines {
-      & .e-rowcell.e-lastrowcell {
+      & .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
         border-bottom-width: $grid-border-size;
       }
     }
@@ -2946,11 +3103,11 @@
       padding: 0;
     }
 
-    .e-gridcontent .e-normaledit .e-rowcell {
+    .e-gridcontent table tbody .e-normaledit .e-rowcell {
       border-top: $grid-border-size $grid-border-type;
     }
 
-    &:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
+    &:not(.e-row-responsive, .e-left-shadow, .e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
       border-top: 0;
     }
 
@@ -3162,6 +3319,144 @@
       border-right: 0;
     }
 
+    .e-tooltip-wrap.e-griderror.e-unfreeze {
+      z-index: 1;
+    }
+
+    .e-leftfreeze,
+    .e-rightfreeze {
+      position: sticky;
+      z-index: 2;
+    }
+
+    .e-fixedfreeze {
+      position: sticky;
+      z-index: 3;
+    }
+
+    .e-xlsel-top-border,
+    &.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
+      border-top-width: 2px;
+      line-height: $grid-rowcell-autofill-top-line-height;
+    }
+    
+    .e-xlsel-left-border,
+    .e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border,
+    &.e-rtl.e-default .e-rowcell.e-xlsel-left-border,
+    &.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border {
+      border-left-width: 2px;
+    }
+
+    .e-xlsel-right-border,
+    .e-fixedfreeze.e-freezerightborder.e-xlsel-right-border,
+    &.e-rtl.e-default .e-rowcell.e-xlsel-right-border,
+    &.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezerightborder.e-xlsel-right-border {
+      border-right-width: 2px;
+    }
+    &.e-wrap {
+      .e-xlsel-bottom-border.e-xlsel-top-border {
+        line-height: $grid-rowcell-autofill-top-height;
+      }
+      .e-xlsel-bottom-border {
+        line-height: $grid-rowcell-autofill-top-bottom-height;
+      }
+    }
+
+    &.e-rtl.e-wrap {
+      .e-xlsel-bottom-border.e-xlsel-top-border {
+        line-height: $grid-rowcell-autofill-top-height;
+      }
+      .e-xlsel-bottom-border {
+        line-height: $grid-rowcell-autofill-top-bottom-height;
+      }
+    }
+
+    .e-xlsel-bottom-border.e-xlsel-top-border {
+      line-height: $grid-rowcell-autofill-top-bottom-line-height;
+    }
+
+    &.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
+      line-height: $grid-rowcell-autofill-top-bottom-line-height;
+    }
+
+    .e-xlsel-bottom-border,
+    &.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
+      border-bottom-width: 2px;
+      line-height: $grid-rowcell-autofill-top-line-height;
+    }
+
+    .e-virtual-content.e-content {
+      overflow-x: hidden;
+    }
+
+    .e-leftfreeze.e-freezeleftborder {
+      border-right-width: 2px;
+    }
+
+    &.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
+      clip-path: inset(0 -15px 0 0);
+      box-shadow: 4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
+      border-right-color: transparent;
+    }
+
+    &.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
+      clip-path: inset(0 0 0 -15px);
+      box-shadow: -4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
+      border-left-color: transparent;
+    }
+
+    &.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
+    }
+  
+    .e-rightfreeze.e-freezerightborder {
+      border-left-width: 2px;
+    }
+
+    &.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
+      clip-path: inset(0 0 0 -15px);
+      box-shadow: -4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
+      border-left-color: transparent;
+    }
+
+    &.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
+      clip-path: inset(0 -15px 0 0);
+      box-shadow: 4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    &.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
+      border-right-color: transparent;
+    }
+
+    &.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
+    }
+
+    .e-fixedfreeze.e-freezeleftborder {
+      border-left-width: 1px;
+    }
+
+    .e-fixedfreeze.e-freezerightborder {
+      border-right-width: 1px;
+    }
+
     .e-frozenheader {
       float: left;
       width: min-content;
@@ -3295,6 +3590,22 @@
         }
       }
 
+      .e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+    
+      .e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+  
+      .e-fixedfreeze.e-freezeleftborder {
+        border-right-width: 1px;
+      }
+  
+      .e-fixedfreeze.e-freezerightborder {
+        border-left-width: 1px;
+      }
+
       & .e-headercell,
       & .e-detailheadercell {
         border-width: $grid-rtl-headercell-border-width;
@@ -3478,6 +3789,48 @@
         border-width: $grid-rowcell-broder-width;
       }
 
+      & .e-rowcell.e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+
+      & .e-rowcell.e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+
+      & .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
+        border-right-width: 1px;
+      }
+
+      & .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
+        border-left-width: 1px;
+      }
+
+      & .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+  
+      & .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+  
+      & .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
+        border-right-width: 1px;
+      }
+  
+      & .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
+        border-left-width: 1px;
+      }
+
+      & .e-summarycell.e-rightfreeze.e-freezerightborder,
+      & .e-summarycell.e-fixedfreeze.e-freezeleftborder {
+        border-left-width: 0;
+      }
+
+      & .e-summarycell.e-leftfreeze.e-freezeleftborder,
+      & .e-summarycell.e-fixedfreeze.e-freezerightborder {
+        border-right-width: 0;
+      }
+
       & .e-filterbarcell,
       & .e-filterbarcelldisabled {
         border-width: $grid-filterbarcell-border-width;
@@ -3514,9 +3867,9 @@
         border-left-width: 0;
       }
 
-      &.e-default tr {
-        & td:last-child,
-        & th:last-child {
+      &.e-default {
+        & tr td:last-child:not(.e-xlsel-left-border),
+        & .e-gridheader table tr th:last-child {
           border-left: 0;
         }
       }
@@ -3648,6 +4001,22 @@
         border-width: $grid-rtl-headercell-both-border-width;
       }
 
+      &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+    
+      &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+    
+      &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+        border-right-width: 1px;
+      }
+        
+      &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+        border-left-width: 1px;
+      }
+
       &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
       &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
         border-left: 1px solid;
@@ -3692,7 +4061,7 @@
       &.e-horizontallines,
       &.e-verticallines,
       &.e-hidelines {
-        & .e-rowcell.e-lastrowcell {
+        & .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
           border-bottom-width: $grid-border-size;
         }
       }
@@ -3736,7 +4105,7 @@
         float: left;
       }
 
-      & tr:not(.e-summaryrow) td.e-indentcell {
+      & .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
         border-style: $grid-border-type;
         border-width: 0 0 0 $grid-border-size;
       }
@@ -3811,6 +4180,15 @@
       word-wrap: break-word;
     }
 
+    & .e-frozenhdrcont.e-wrap  {
+      .e-xlsel-bottom-border.e-xlsel-top-border {
+        line-height: $grid-rowcell-autofill-top-bottom-height;
+      }
+      .e-xlsel-bottom-border {
+        line-height: $grid-rowcell-autofill-top-height;
+      }
+    }
+
     & .e-stackedheadercelldiv {
       overflow: hidden;
       text-overflow: ellipsis;
@@ -3861,18 +4239,18 @@
     &.e-resize-lines,
     &.e-resize-lines.e-rtl {
 
-      & th.e-headercell.e-stackedheadercell,
-      & th.e-headercell.e-firstcell {
+      & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
+      & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
         border-left: 0;
         border-right: 0;
         border-top: 0;
       }
 
-      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
         border-right: 0;
       }
 
-      &.e-default table th[rowspan] {
+      &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
         border-left: 0;
       }
     }
@@ -4060,7 +4438,7 @@
       .e-cc-contentdiv .e-choosercheck {
         white-space: $grid-filter-checkbox-white-space;
       }
-	  
+
       .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
       .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
         text-align: left;

package/styles/grid/_material-dark-definition.scss

@@ -8,6 +8,8 @@ $grid-bottom-border-size: $border-size !default;
 $grid-horizontal-border-size: $border-size !default;
 $grid-font-family: $font-family !default;
 $grid-maskedcell-virtual-background-color: rgba(0, 0, 0, .1) !default;
+$grid-frozen-shadow-background-color: rgba(95, 87, 87, .16) !default;
+$grid-frozen-row-shadow-background-color: rgba(95, 87, 87, .26) !default;
 
 $grid-headercell-div-padding: 0 .6em !default;
 $grid-grouped-headercell-span-padding: 0 !default;
@@ -242,14 +244,16 @@ $grid-filterbarcell-padding: 0 21px !default;
 $grid-vertical-border-size: 0 !default;
 $grid-content-padding: 8px !default;
 $grid-rowcell-line-height: 20px !default;
+$grid-rowcell-autofill-top-line-height: 18px !default;
+$grid-rowcell-autofill-top-bottom-line-height: 16px !default;
 $grid-headercell-line-height: 42px !default;
 $grid-filtercell-line-height: 42px !default;
 $grid-cell-border-color: $grey-700 !default;
 $grid-hover-content-font-color: $grey-dark-font !default;
 $grid-conent-font-opacity: .87 !default;
-$grid-row-selection-bg-color: rgba($grey-white, .28) !default;
+$grid-row-selection-bg-color: rgb(122 108 108) !default;
 $grid-row-selection-color: $grey-dark-font !default;
-$grid-hover-bg-color: rgba($grey-white, .18) !default;
+$grid-hover-bg-color: rgb(89 86 86) !default;
 $grid-cell-selection-bg-color: rgba($grey-white, .28) !default;
 $grid-cell-selection-color: $grey-dark-font !default;
 $grid-filterbar-input-border-width: 0 0 2px 0 !default;
@@ -379,6 +383,7 @@ $grid-frozenborder-disabled-color: $grey-dark !default;
 $grid-freezeline-right-border: rgba($grey-300, .6) !default;
 $grid-freezeline-border: 2px solid !default;
 $grid-cell-focus-shadow: 0 0 0 1px rgba($grey-white, .5) inset !default;
+$grid-cell-focus-border-color: rgba($grey-white, .5) !default;
 $grid-filtered-color: $accent !default;
 $grid-autofill-color: $accent !default;
 $grid-e-firstrow-dragborder-bcolor: $accent !default;
@@ -442,6 +447,8 @@ $grid-bigger-header-first-last-cell-padding: round(math.div($grid-header-first-l
 $grid-bigger-content-padding: round(math.div($grid-content-padding, .75)) !default;
 $grid-bigger-content-right-padding: round(math.div($grid-content-right-padding, .75)) !default;
 $grid-bigger-rowcell-line-height: round(math.div($grid-rowcell-line-height, .75)) !default;
+$grid-bigger-rowcell-autofill-top-line-height: 25px !default;
+$grid-bigger-rowcell-autofill-top-bottom-line-height: 23px !default;
 $grid-bigger-first-last-rowcell-padding: round(math.div($grid-first-last-rowcell-padding, .75)) !default;
 $grid-bigger-group-line-height: round(math.div($grid-group-height, .75)) !default;
 $grid-bigger-group-headercell-height: round(math.div($grid-headecell-height, .75)) !default;
@@ -476,6 +483,8 @@ $grid-group-clone-box-shadow: 0 0 !default;
 $grid-unboundcelldiv-margin: 0 3.5px !default;
 $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
 $grid-rowcell-wrap-height: 18px !default;
+$grid-rowcell-autofill-top-height: 16px !default;
+$grid-rowcell-autofill-top-bottom-height: 14px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
 $grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
 $grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
@@ -486,6 +495,8 @@ $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -46px !default;
 $grid-reorderarrow-font-size: 8px !default;
 $grid-bigger-wrap-line-height: 18px !default;
+$grid-bigger-wrap-autofill-top-line-height: 16px !default;
+$grid-bigger-wrap-autofill-top-bottom-line-height: 14px !default;
 $grid-bigger-clone-padding: $grid-clone-padding !default;
 $grid-bigger-draganddrop-clone-padding: 0 !default;
 $grouped-bigger-text-font-size: $grouped-text-font-size !default;