@syncfusion/ej2-react-grids 23.1.40 → 23.1.42

package/CHANGELOG.md

@@ -6,6 +6,34 @@
 
 #### Bug fixes
 
+- `#I507214` - The problem of displaying an empty tooltip with batch-edited cells has been resolved.
+- `#I504365` - Fixed an issue where the request for aggregate was not sent when the `disablePageWiseAggregate` property was enabled in custom binding.
+- `#I507080` - The issue related to the styling of the Lazy Load Group with a `groupCaptionTemplate` has been resolved.
+- `#I501881` - Fixed an issue where the drop indicator for the column should be displayed when dragging a column into another column.
+- `#I511484` - The issue where the Grid did not render properly when the `editSetting` property was defined without injecting the `editModule` has been resolved.
+
+## 23.1.41 (2023-10-17)
+
+### Grid
+
+#### Bug fixes
+
+- `#I510239` - Error occurs when changing the State through clicking the button rendered in the Column Template has been fixed.
+- `#I494272` - In mobile view unable to interact with the page after double-clicking on the filter date icon issue has been fixed.
+- `#I423460` - Fixed an issue where the grid froze with a loading spinner when collapsing grouped items in an infinite scroll enabled grid.
+- `#I503487` - In the `actionFailure` event, the failure message argument is now sent correctly.
+- `#I509249` - The script error that occurred when saving the edited row at the bottom in the presence of grouping has been fixed.
+- `#I508136` - Row reorder occurs while editing with inline mode with grouping in complex data has been fixed.
+- `#I490262` - The problem where checkbox filtering was not working properly when cancelling the filtering has been fixed.
+- `#I504493` - The pager elements are now rendered correctly when the grid is hidden and then shown again.
+- `#I511064` - The problem with `frozenColumns` are not working when declared in the `dataBound` event has been resolved.
+
+## 23.1.40 (2023-10-10)
+
+### Grid
+
+#### Bug fixes
+
 - `#I503161` - The additional default declaration in the `bootstrap4` theme definition file has been removed.
 
 ## 23.1.39 (2023-10-04)

package/dist/ej2-react-grids.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.min.js
-*  version : 23.1.40
+*  version : 23.1.42
 *  Copyright Syncfusion Inc. 2001 - 2023. 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-react-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.umd.min.js
-*  version : 23.1.40
+*  version : 23.1.42
 *  Copyright Syncfusion Inc. 2001 - 2023. 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-react-grids@*",
-  "_id": "@syncfusion/ej2-react-grids@23.1.39",
+  "_id": "@syncfusion/ej2-react-grids@23.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-PnCDYZ8rblayu6ldsa9Y7x/MuOSJeoRNdK9AQHQ76/TFAWyfJU5A+WtKTfuJyalVLTcITIaWEWyC2NKUVD1mCg==",
+  "_integrity": "sha512-qNnosbin2A3D83RV0FpcQaiBBPPMtVN5p7kGBip1MoSH7JvJ24tfNT9Q6M21ElJKNCTR5JtmJvxSY84BOhj5JQ==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-23.1.39.tgz",
-  "_shasum": "d09f9809cda3f7b2e8752ea789316e88ae76a3e3",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-23.1.41.tgz",
+  "_shasum": "96fec856a3080819ab7dfd9efff162c075955592",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -31,8 +31,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.38",
-    "@syncfusion/ej2-grids": "23.1.40",
+    "@syncfusion/ej2-base": "~23.1.41",
+    "@syncfusion/ej2-grids": "23.1.42",
     "@syncfusion/ej2-react-base": "~23.1.36"
   },
   "deprecated": false,
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "23.1.40",
+  "version": "23.1.42",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -907,6 +907,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 8px 8px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1295,11 +1299,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 0;
   width: auto;
 }
-.e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
-.e-grid.e-bigger .e-gridheader table th[rowspan],
-.e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
-  padding-bottom: 20px;
-}
 .e-bigger .e-grid .e-groupsort,
 .e-bigger .e-grid span.e-ungroupbutton,
 .e-bigger .e-grid .e-toggleungroup,
@@ -1459,6 +1458,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-bigger .e-grid:not(.sf-grid) .e-gridheader table th[rowspan], .e-bigger .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan],
+.e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
+.e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
+  padding-bottom: 20px;
+}
+
 .e-grid {
   border-radius: 4px;
   border-style: none solid solid;
@@ -2084,6 +2089,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;
@@ -2142,7 +2150,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bothlines .e-rowcell {
   border-width: 1px 0 0 1px;
 }
-.e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
+.e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
   padding-bottom: 13px;
   vertical-align: bottom;
 }
@@ -2191,19 +2199,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid.e-default table th[rowspan] {
+.e-grid:not(.sf-grid).e-default table th[rowspan] {
   border-width: 0 0 0 1px;
 }
-.e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+.e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
   border-right-width: 2px;
 }
-.e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+.e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
   border-left-width: 2px;
 }
-.e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+.e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
   border-left-width: 1px;
 }
-.e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+.e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3557,21 +3565,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   left: 4px;
   position: relative;
 }
-.e-grid.e-rtl.e-default table th[rowspan] {
-  border-width: 0 1px 0 0;
-}
-.e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
-  border-left-width: 2px;
-}
-.e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
-  border-right-width: 2px;
-}
-.e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
-  border-right-width: 1px;
-}
-.e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
-  border-left-width: 1px;
-}
 .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 {
   border-left: 1px solid;
   border-right: 0;
@@ -3643,6 +3636,21 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px 0 -20px -36px;
   padding: 6px;
 }
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
+  border-width: 0 1px 0 0;
+}
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+  border-left-width: 2px;
+}
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+  border-right-width: 2px;
+}
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+  border-right-width: 1px;
+}
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+  border-left-width: 1px;
+}
 .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
   height: Auto;
   line-height: 18px;
@@ -3718,13 +3726,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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) {
   border-right: 0;
 }
-.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) {
+.e-grid:not(.sf-grid).e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
   border-left: 0;
 }
 .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 {
   border-left: 0;
 }
-.e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
+.e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
   border-right: 0;
 }
 .e-grid .e-mask {
@@ -3869,6 +3877,52 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
+.e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
+  padding-bottom: 13px;
+  vertical-align: bottom;
+}
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
+  border-right-width: 2px;
+}
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
+  border-left-width: 2px;
+}
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+}
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
+  border-right-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+  border-width: 0 1px 0 0;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
+  border-left-width: 2px;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
+  border-right-width: 2px;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
+  border-right-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
+  border-left-width: 1px;
+}
+.e-grid.sf-grid.e-resize-lines.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+}
+.e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
+  border-right: 0;
+}
+.e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
+.e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
+.e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
+  padding-bottom: 20px;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap.css

@@ -908,6 +908,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 8px 8px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1296,11 +1300,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 0;
   width: auto;
 }
-.e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
-.e-grid.e-bigger .e-gridheader table th[rowspan],
-.e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
-  padding-bottom: 20px;
-}
 .e-bigger .e-grid .e-groupsort,
 .e-bigger .e-grid span.e-ungroupbutton,
 .e-bigger .e-grid .e-toggleungroup,
@@ -1460,6 +1459,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-bigger .e-grid:not(.sf-grid) .e-gridheader table th[rowspan], .e-bigger .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan],
+.e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
+.e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
+  padding-bottom: 20px;
+}
+
 .e-grid {
   border-radius: 4px;
   border-style: none solid solid;
@@ -2085,6 +2090,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;
@@ -2143,7 +2151,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bothlines .e-rowcell {
   border-width: 1px 0 0 1px;
 }
-.e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
+.e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
   padding-bottom: 13px;
   vertical-align: bottom;
 }
@@ -2192,19 +2200,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid.e-default table th[rowspan] {
+.e-grid:not(.sf-grid).e-default table th[rowspan] {
   border-width: 0 0 0 1px;
 }
-.e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+.e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
   border-right-width: 2px;
 }
-.e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+.e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
   border-left-width: 2px;
 }
-.e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+.e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
   border-left-width: 1px;
 }
-.e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+.e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3558,21 +3566,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   left: 4px;
   position: relative;
 }
-.e-grid.e-rtl.e-default table th[rowspan] {
-  border-width: 0 1px 0 0;
-}
-.e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
-  border-left-width: 2px;
-}
-.e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
-  border-right-width: 2px;
-}
-.e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
-  border-right-width: 1px;
-}
-.e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
-  border-left-width: 1px;
-}
 .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 {
   border-left: 1px solid;
   border-right: 0;
@@ -3644,6 +3637,21 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px 0 -20px -30px;
   padding: 6px;
 }
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
+  border-width: 0 1px 0 0;
+}
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+  border-left-width: 2px;
+}
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+  border-right-width: 2px;
+}
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+  border-right-width: 1px;
+}
+.e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+  border-left-width: 1px;
+}
 .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
   height: Auto;
   line-height: 18px;
@@ -3719,13 +3727,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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) {
   border-right: 0;
 }
-.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) {
+.e-grid:not(.sf-grid).e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
   border-left: 0;
 }
 .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 {
   border-left: 0;
 }
-.e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
+.e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
   border-right: 0;
 }
 .e-grid .e-mask {
@@ -3870,6 +3878,52 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
+.e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
+  padding-bottom: 13px;
+  vertical-align: bottom;
+}
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
+  border-right-width: 2px;
+}
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
+  border-left-width: 2px;
+}
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
+  border-left-width: 1px;
+}
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
+  border-right-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+  border-width: 0 1px 0 0;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
+  border-left-width: 2px;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
+  border-right-width: 2px;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
+  border-right-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
+  border-left-width: 1px;
+}
+.e-grid.sf-grid.e-resize-lines.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+}
+.e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
+  border-right: 0;
+}
+.e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
+.e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
+.e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
+  padding-bottom: 20px;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,