Fixed #1314 - Support for scrolling and column groups

primefaces · Aug 9, 2021 · 9eac2da · 9eac2da
1 parent b604f30
commit 9eac2da
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue
@@ -1683,7 +1683,9 @@ export default {
                     'p-datatable-responsive-stack': this.responsiveLayout === 'stack',
                     'p-datatable-responsive-scroll': this.responsiveLayout === 'scroll',
                     'p-datatable-striped': this.stripedRows,
-                    'p-datatable-gridlines': this.showGridlines
+                    'p-datatable-gridlines': this.showGridlines,
+                    'p-datatable-grouped-header': this.headerColumnGroup != null,
+                    'p-datatable-grouped-footer': this.footerColumnGroup != null
                 }
             ];
         },
@@ -1945,6 +1947,21 @@ export default {
     z-index: 1;
 }
 
+.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead {
+    display: table;
+    border-collapse: collapse;
+    width: 100%;
+    table-layout: fixed;
+}
+
+.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr {
+    display: table-row;
+}
+
+.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th {
+    display: table-cell;
+}
+
 /* Resizable */
 .p-datatable-resizable > .p-datatable-wrapper {
     overflow-x: auto;