Fixed #1314 - Support for scrolling and column groups

pull/1440/head
Cagatay Civici 2021-08-09 17:37:09 +03:00
parent b604f30340
commit 9eac2da7ec
1 changed files with 18 additions and 1 deletions

View File

@ -1683,7 +1683,9 @@ export default {
'p-datatable-responsive-stack': this.responsiveLayout === 'stack', 'p-datatable-responsive-stack': this.responsiveLayout === 'stack',
'p-datatable-responsive-scroll': this.responsiveLayout === 'scroll', 'p-datatable-responsive-scroll': this.responsiveLayout === 'scroll',
'p-datatable-striped': this.stripedRows, '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; 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 */ /* Resizable */
.p-datatable-resizable > .p-datatable-wrapper { .p-datatable-resizable > .p-datatable-wrapper {
overflow-x: auto; overflow-x: auto;