diff --git a/src/lib/listing/table-content/table-content.component.scss b/src/lib/listing/table-content/table-content.component.scss index f9eeaf0..de93309 100644 --- a/src/lib/listing/table-content/table-content.component.scss +++ b/src/lib/listing/table-content/table-content.component.scss @@ -2,7 +2,7 @@ :host cdk-virtual-scroll-viewport { height: calc(100vh - 50px - 31px - var(--iqser-top-bar-height) - 50px); - overflow-y: hidden !important; + overflow-y: auto !important; background-color: var(--iqser-background); @include mixins.scroll-bar; diff --git a/src/lib/listing/table/table.component.ts b/src/lib/listing/table/table.component.ts index 0b08eac..e08afcf 100644 --- a/src/lib/listing/table/table.component.ts +++ b/src/lib/listing/table/table.component.ts @@ -87,18 +87,17 @@ export class TableComponent, PrimaryKey exte } private _setColumnsWidth(element: HTMLElement) { - let gridTemplateColumnsHover = ''; + let gridTemplateColumns = ''; if (this.selectionEnabled) { - gridTemplateColumnsHover += '30px '; + gridTemplateColumns += '30px '; } for (const config of this.tableColumnConfigs) { - gridTemplateColumnsHover += `${config.width || '1fr'} `; + gridTemplateColumns += `${config.width || '1fr'} `; } - gridTemplateColumnsHover += this.emptyColumnWidth || ''; - const gridTemplateColumns = `${gridTemplateColumnsHover} ${SCROLLBAR_WIDTH}px`; + gridTemplateColumns += this.emptyColumnWidth || ''; + gridTemplateColumns = `${gridTemplateColumns} ${SCROLLBAR_WIDTH}px`; element.style.setProperty('--gridTemplateColumns', gridTemplateColumns); - element.style.setProperty('--gridTemplateColumnsHover', gridTemplateColumnsHover); } private _setItemSize(element: HTMLElement) {