@syncfusion/ej2-angular-grids 20.1.47 → 20.1.48

package/CHANGELOG.md

@@ -6,6 +6,23 @@
 
 #### Bug Fixes
 
+- `#I372376` - Infinite scrolling with grouping and hidden columns breaks collapse issue has been fixed.
+- `#I369133` - Editing data not maintained when scroll down on the page with infinite scrolling enabled is fixed.
+- `#I367996` - `RowDragandDrop` not working when column template is defined is fixed
+- `#FB31703` - Focus issue after Searching in Grid with `infiniteScroll` enabled has been fixed.
+- `#I371887` - `FilterTemplate` is not working when `showFilterBarOperator` enabled has been fixed.
+- `#I362536` - Column template does not render in movable content when using `ngif` has been fixed.
+- `#I367660` - Script error wile editing with frozen columns and `virtualization` has been fixed.
+- `#I372812` - Show/hide the template column refreshed the Grid has been fixed.
+- `#I369861` - Provided support to customize the caption row style on exporting through the `exportGroupCaption` event.
+- `#I372461` - Filter operator was incorrect when the `ShowFilterBarOperator` option was set to true with initial filter.
+
+## 20.1.47 (2022-04-04)
+
+### Grid
+
+#### Bug Fixes
+
 - `#I368223` - Filtering on the date column with a null value in the array issue has been fixed.
 - `#F171832` - Pdf grid header text colour is not updated properly in `pdfHeaderQueryCellInfo` event issue has been fixed.
 

package/dist/ej2-angular-grids.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.js
-*  version : 20.1.47
+*  version : 20.1.48
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-angular-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.min.js
-*  version : 20.1.47
+*  version : 20.1.48
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@1.109.0",
+  "_id": "@syncfusion/ej2-angular-grids@20.1.47",
   "_inBundle": false,
-  "_integrity": "sha512-2aoaiAGIHW5oOrco5JOA36PXLuxUpEj0bVwmI9acMKfESFTULPiqbz1Im3mS8YYqzofyMZzrRquMZSaEXZuIDA==",
+  "_integrity": "sha512-QXY/B9uSz0qsnyyQNqltpUI7hswZL+n1rlSgpOB1apBwVsK/8saDzt0Jvow5YOnazFvPaaqsWN/bl3nj13D5Yw==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-1.109.0.tgz",
-  "_shasum": "48b86bf2cdb9f849c65564c804cdcf7d04c2931c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.1.47.tgz",
+  "_shasum": "911672fc009b2e4a9f32627377f4a9b614b4e6e6",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.1.47",
-    "@syncfusion/ej2-base": "~20.1.47",
-    "@syncfusion/ej2-grids": "20.1.47"
+    "@syncfusion/ej2-angular-base": "~20.1.48",
+    "@syncfusion/ej2-base": "~20.1.48",
+    "@syncfusion/ej2-grids": "20.1.48"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
@@ -69,5 +69,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-grids.d.ts",
-  "version": "20.1.47"
+  "version": "20.1.48"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-grids";
-export declare const pkgVer = "^1.109.0";
+export declare const pkgVer = "^20.1.47";
 export declare const moduleName = "GridModule, PagerModule";
-export declare const themeVer = "~1.109.0";
+export declare const themeVer = "~20.1.47";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-grids';
-exports.pkgVer = '^1.109.0';
+exports.pkgVer = '^20.1.47';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~1.109.0';
+exports.themeVer = '~20.1.47';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-grids';
-export const pkgVer = '^1.109.0';
+export const pkgVer = '^20.1.47';
 export const moduleName = 'GridModule, PagerModule';
-export const themeVer = '~1.109.0';
+export const themeVer = '~20.1.47';

package/styles/bootstrap-dark.css

@@ -2399,6 +2399,99 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 
+.e-bigger .e-grid .e-rowcell.e-frozen-right-border,
+.e-bigger .e-grid .e-headercell.e-frozen-right-border,
+.e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
+.e-grid.e-bigger .e-rowcell.e-frozen-right-border,
+.e-grid.e-bigger .e-headercell.e-frozen-right-border,
+.e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
+  border-right: 2px solid rgba(156, 156, 156, 0.6);
+}
+
+.e-bigger .e-grid .e-rowcell.e-frozen-left-border,
+.e-bigger .e-grid .e-headercell.e-frozen-left-border,
+.e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
+.e-grid.e-bigger .e-rowcell.e-frozen-left-border,
+.e-grid.e-bigger .e-headercell.e-frozen-left-border,
+.e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
+  border-left: 2px solid rgba(156, 156, 156, 0.6);
+}
+
+.e-bigger .e-grid .e-rowcell.e-freezeline,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
+.e-grid.e-bigger .e-rowcell.e-freezeline,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
+  position: relative;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  cursor: move;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 4px;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  right: 0;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
+  left: 0;
+}
+
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
+  right: 3px;
+}
+
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
+  left: 3px;
+}
+
+.e-bigger .e-grid .e-frozen-helper,
+.e-grid.e-bigger .e-frozen-helper {
+  border-left: 2px solid rgba(156, 156, 156, 0.6);
+  cursor: move;
+  position: absolute;
+  z-index: 2;
+}
+
+.e-bigger .e-grid .e-content.e-freezeline-moving,
+.e-grid.e-bigger .e-content.e-freezeline-moving {
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
 .e-grid {
   border-radius: 4px;
   border-style: none solid solid;
@@ -2796,8 +2889,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   width: 4px;
 }
 
-.e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
-.e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
+.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 {
   border-right: 0;
 }
 
@@ -3237,9 +3330,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid.e-default tr td:first-child,
-.e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
+.e-grid.e-default tr 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 {
+.e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 
@@ -4272,7 +4365,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
-.e-grid .e-frozencontent.e-frozen-right-content > .e-table {
+.e-grid .e-frozencontent.e-frozen-right-content > .e-table,
+.e-grid .e-rowcell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
   border-left: 2px solid;
   border-right: 0;
 }
@@ -4957,6 +5053,72 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-spacing: .25px;
 }
 
+.e-grid.sf-grid .e-rowcell.e-frozen-right-border,
+.e-grid.sf-grid .e-headercell.e-frozen-right-border,
+.e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
+  border-right: 2px solid rgba(156, 156, 156, 0.6);
+}
+
+.e-grid.sf-grid .e-rowcell.e-frozen-left-border,
+.e-grid.sf-grid .e-headercell.e-frozen-left-border,
+.e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
+  border-left: 2px solid rgba(156, 156, 156, 0.6);
+}
+
+.e-grid.sf-grid .e-rowcell.e-freezeline,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
+  position: relative;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  cursor: move;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 4px;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  right: 0;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
+  left: 0;
+}
+
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
+  right: 3px;
+}
+
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
+  left: 3px;
+}
+
+.e-grid.sf-grid .e-frozen-helper {
+  border-left: 2px solid rgba(156, 156, 156, 0.6);
+  cursor: move;
+  position: absolute;
+  z-index: 2;
+}
+
+.e-grid.sf-grid .e-content.e-freezeline-moving {
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -5887,11 +6049,26 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right-color: #9c9c9c;
 }
 
+.e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
+.e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
+  border-right-color: #1a1a1a;
+}
+
 .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
-.e-grid .e-frozencontent.e-frozen-right-content > .e-table {
+.e-grid .e-frozencontent.e-frozen-right-content > .e-table,
+.e-grid .e-rowcell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
   border-left-color: #9c9c9c;
 }
 
+.e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
+  border-left-color: #1a1a1a;
+}
+
 .e-grid.e-rtl .e-frozenheader > .e-table,
 .e-grid.e-rtl .e-frozencontent > .e-table,
 .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,

package/styles/bootstrap.css

@@ -2400,6 +2400,99 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 
+.e-bigger .e-grid .e-rowcell.e-frozen-right-border,
+.e-bigger .e-grid .e-headercell.e-frozen-right-border,
+.e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
+.e-grid.e-bigger .e-rowcell.e-frozen-right-border,
+.e-grid.e-bigger .e-headercell.e-frozen-right-border,
+.e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
+  border-right: 2px solid rgba(49, 122, 185, 0.6);
+}
+
+.e-bigger .e-grid .e-rowcell.e-frozen-left-border,
+.e-bigger .e-grid .e-headercell.e-frozen-left-border,
+.e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
+.e-grid.e-bigger .e-rowcell.e-frozen-left-border,
+.e-grid.e-bigger .e-headercell.e-frozen-left-border,
+.e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
+  border-left: 2px solid rgba(49, 122, 185, 0.6);
+}
+
+.e-bigger .e-grid .e-rowcell.e-freezeline,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
+.e-grid.e-bigger .e-rowcell.e-freezeline,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
+  position: relative;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  cursor: move;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 4px;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  right: 0;
+}
+
+.e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
+  left: 0;
+}
+
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
+  right: 3px;
+}
+
+.e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
+  left: 3px;
+}
+
+.e-bigger .e-grid .e-frozen-helper,
+.e-grid.e-bigger .e-frozen-helper {
+  border-left: 2px solid rgba(49, 122, 185, 0.6);
+  cursor: move;
+  position: absolute;
+  z-index: 2;
+}
+
+.e-bigger .e-grid .e-content.e-freezeline-moving,
+.e-grid.e-bigger .e-content.e-freezeline-moving {
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
 .e-grid {
   border-radius: 4px;
   border-style: none solid solid;
@@ -2797,8 +2890,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   width: 4px;
 }
 
-.e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
-.e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
+.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 {
   border-right: 0;
 }
 
@@ -3238,9 +3331,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid.e-default tr td:first-child,
-.e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
+.e-grid.e-default tr 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 {
+.e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 
@@ -4273,7 +4366,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
-.e-grid .e-frozencontent.e-frozen-right-content > .e-table {
+.e-grid .e-frozencontent.e-frozen-right-content > .e-table,
+.e-grid .e-rowcell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
   border-left: 2px solid;
   border-right: 0;
 }
@@ -4958,6 +5054,72 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-spacing: .25px;
 }
 
+.e-grid.sf-grid .e-rowcell.e-frozen-right-border,
+.e-grid.sf-grid .e-headercell.e-frozen-right-border,
+.e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
+  border-right: 2px solid rgba(49, 122, 185, 0.6);
+}
+
+.e-grid.sf-grid .e-rowcell.e-frozen-left-border,
+.e-grid.sf-grid .e-headercell.e-frozen-left-border,
+.e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
+  border-left: 2px solid rgba(49, 122, 185, 0.6);
+}
+
+.e-grid.sf-grid .e-rowcell.e-freezeline,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
+  position: relative;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  cursor: move;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 4px;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
+  right: 0;
+}
+
+.e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
+  left: 0;
+}
+
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
+.e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
+  right: 3px;
+}
+
+.e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
+.e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
+  left: 3px;
+}
+
+.e-grid.sf-grid .e-frozen-helper {
+  border-left: 2px solid rgba(49, 122, 185, 0.6);
+  cursor: move;
+  position: absolute;
+  z-index: 2;
+}
+
+.e-grid.sf-grid .e-content.e-freezeline-moving {
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -5888,11 +6050,26 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right-color: #317ab9;
 }
 
+.e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
+.e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
+  border-right-color: #fff;
+}
+
 .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
-.e-grid .e-frozencontent.e-frozen-right-content > .e-table {
+.e-grid .e-frozencontent.e-frozen-right-content > .e-table,
+.e-grid .e-rowcell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
+.e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
   border-left-color: #317ab9;
 }
 
+.e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
+.e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
+  border-left-color: #fff;
+}
+
 .e-grid.e-rtl .e-frozenheader > .e-table,
 .e-grid.e-rtl .e-frozencontent > .e-table,
 .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,