@syncfusion/ej2-vue-grids 21.2.5 → 21.2.6

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-grids@*",
-  "_id": "@syncfusion/ej2-vue-grids@21.2.4",
+  "_id": "@syncfusion/ej2-vue-grids@21.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-5R/pUBXmpA3dUvjDKG3r4QZXOg7xQUAzKluGwDKR/+JA4RoFzLa8pCDFJung82NW67pGHCRRq+A7pDloTqV4fw==",
+  "_integrity": "sha512-XicxvMYTSYFOqNdXzfK1AoQUrR+o+al7oso7x85OLpPoxF0RX8PTu2agGTkQpbMH0wAeoo2sUACEked+mROsWg==",
   "_location": "/@syncfusion/ej2-vue-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-21.2.4.tgz",
-  "_shasum": "d15933b5b362f482da2fbd1f628652f4d0a1fb1e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-21.2.5.tgz",
+  "_shasum": "88326d488d5dc286694b362d1a0fb13c5da857e8",
   "_spec": "@syncfusion/ej2-vue-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-grids": "21.2.5",
-    "@syncfusion/ej2-vue-base": "~21.2.3"
+    "@syncfusion/ej2-grids": "21.2.6",
+    "@syncfusion/ej2-vue-base": "~21.2.6"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Vue",
@@ -58,6 +58,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "21.2.5",
+  "version": "21.2.6",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1300,6 +1300,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -7px;
   margin-top: -3px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1325,7 +1326,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-right: -10px;
   margin-top: -4px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1836,6 +1836,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2692,7 +2693,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 2px;
+  margin-top: -3px;
+  padding-top: 4px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -3280,7 +3282,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -10px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/bootstrap.css

@@ -1301,6 +1301,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -7px;
   margin-top: -3px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1326,7 +1327,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-right: -10px;
   margin-top: -4px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1837,6 +1837,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2693,7 +2694,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 2px;
+  margin-top: -3px;
+  padding-top: 4px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -3281,7 +3283,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -10px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/bootstrap4.css

@@ -1347,11 +1347,12 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
-  font-size: 12px;
+  font-size: 16px;
   margin-left: -7px;
   margin-top: -1px;
   margin-right: 8px;
   padding-top: 8px;
+  padding-top: 8px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1382,8 +1383,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
   margin-right: -15px;
-  margin-top: 3px;
-  padding-top: 4px;
+  margin-top: -1px;
   padding-left: 12px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1897,6 +1897,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2755,8 +2756,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
   margin-top: 0;
-  padding-right: 8px;
   padding-top: 4px;
+  padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
   padding: 7px;

package/styles/bootstrap5-dark.css

@@ -1363,6 +1363,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -12px;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1388,7 +1389,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -8px;
   margin-right: -12px;
   margin-top: 1px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1903,6 +1903,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2759,7 +2760,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -12px;
-  margin-top: 2px;
+  margin-top: -0.5px;
+  padding-top: 2px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -3347,7 +3349,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 2px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/bootstrap5.css

@@ -1363,6 +1363,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -12px;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1388,7 +1389,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -8px;
   margin-right: -12px;
   margin-top: 1px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1903,6 +1903,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2759,7 +2760,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -12px;
-  margin-top: 2px;
+  margin-top: -0.5px;
+  padding-top: 2px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -3347,7 +3349,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 2px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/fabric-dark.css

@@ -1274,6 +1274,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1299,7 +1300,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1810,6 +1810,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2667,6 +2668,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {

package/styles/fabric.css

@@ -1267,6 +1267,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-top: 0;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1292,7 +1293,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1803,6 +1803,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2660,6 +2661,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {

package/styles/fluent-dark.css

@@ -1353,6 +1353,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-top: -4px;
   margin-right: 4px;
+  padding-top: 0;
   padding: 0 4px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -1386,8 +1387,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -9px;
   margin-right: -6px;
   margin-top: -4px;
-  padding-top: 4px;
   padding-left: 8px;
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -1900,6 +1902,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2764,7 +2767,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 1px;
+  margin-top: -3px;
+  padding-top: 8px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -3353,7 +3357,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -14px;
-  padding-top: 4px;
+  padding-top: 8px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/fluent.css

@@ -1353,6 +1353,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-top: -4px;
   margin-right: 4px;
+  padding-top: 0;
   padding: 0 4px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -1386,8 +1387,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -9px;
   margin-right: -6px;
   margin-top: -4px;
-  padding-top: 4px;
   padding-left: 8px;
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -1900,6 +1902,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2764,7 +2767,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 1px;
+  margin-top: -3px;
+  padding-top: 8px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -3353,7 +3357,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -14px;
-  padding-top: 4px;
+  padding-top: 8px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/bootstrap-dark.css

@@ -879,6 +879,7 @@
   margin-left: -7px;
   margin-top: -3px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -904,7 +905,6 @@
   margin-left: 0;
   margin-right: -10px;
   margin-top: -4px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1415,6 +1415,7 @@
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2271,7 +2272,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 2px;
+  margin-top: -3px;
+  padding-top: 4px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -2859,7 +2861,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -10px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/bootstrap.css

@@ -880,6 +880,7 @@
   margin-left: -7px;
   margin-top: -3px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -905,7 +906,6 @@
   margin-left: 0;
   margin-right: -10px;
   margin-top: -4px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1416,6 +1416,7 @@
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2272,7 +2273,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 2px;
+  margin-top: -3px;
+  padding-top: 4px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -2860,7 +2862,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -10px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/bootstrap4.css

@@ -915,11 +915,12 @@
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
-  font-size: 12px;
+  font-size: 16px;
   margin-left: -7px;
   margin-top: -1px;
   margin-right: 8px;
   padding-top: 8px;
+  padding-top: 8px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -950,8 +951,7 @@
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
   margin-right: -15px;
-  margin-top: 3px;
-  padding-top: 4px;
+  margin-top: -1px;
   padding-left: 12px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1465,6 +1465,7 @@
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2323,8 +2324,8 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
   margin-top: 0;
-  padding-right: 8px;
   padding-top: 4px;
+  padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
   padding: 7px;

package/styles/grid/bootstrap5-dark.css

@@ -939,6 +939,7 @@
   margin-left: -12px;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -964,7 +965,6 @@
   margin-left: -8px;
   margin-right: -12px;
   margin-top: 1px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1479,6 +1479,7 @@
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2335,7 +2336,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -12px;
-  margin-top: 2px;
+  margin-top: -0.5px;
+  padding-top: 2px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -2923,7 +2925,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 2px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/bootstrap5.css

@@ -939,6 +939,7 @@
   margin-left: -12px;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -964,7 +965,6 @@
   margin-left: -8px;
   margin-right: -12px;
   margin-top: 1px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1479,6 +1479,7 @@
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2335,7 +2336,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -12px;
-  margin-top: 2px;
+  margin-top: -0.5px;
+  padding-top: 2px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -2923,7 +2925,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 2px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/fabric-dark.css

@@ -853,6 +853,7 @@
   margin-left: 0;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -878,7 +879,6 @@
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1389,6 +1389,7 @@
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2246,6 +2247,7 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {

package/styles/grid/fabric.css

@@ -846,6 +846,7 @@
   margin-left: 0;
   margin-top: 0;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -871,7 +872,6 @@
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -1382,6 +1382,7 @@
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2239,6 +2240,7 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {