@alaarab/ogrid-angular-primeng 2.1.11 → 2.1.12

package/dist/esm/index.js

@@ -473,9 +473,16 @@ var DataGridTableComponent = class extends BaseDataGridTableComponent {
     );
     this.tableWidthStyle = computed(() => {
       if (this.showEmptyInGrid()) return "100%";
+      if (this.allowOverflowX()) return "fit-content";
       if (this.layoutMode === "content") return "fit-content";
       return "100%";
     });
+    this.tableMinWidthStyle = computed(() => {
+      if (this.showEmptyInGrid()) return "100%";
+      if (this.allowOverflowX()) return "max-content";
+      if (this.layoutMode === "content") return "max-content";
+      return "100%";
+    });
     this.initBase();
   }
   ngOnChanges(changes) {
@@ -781,7 +788,7 @@ DataGridTableComponent = __decorateClass([
         [attr.aria-labelledby]="ariaLabelledBy()"
         [attr.data-empty]="showEmptyInGrid() ? 'true' : null"
         [attr.data-column-count]="state().layout.totalColCount"
-        [attr.data-suppress-scroll]="getProps()?.suppressHorizontalScroll ? 'true' : null"
+        [attr.data-overflow-x]="allowOverflowX() ? 'true' : 'false'"
         [attr.data-has-selection]="rowSelectionMode !== 'none' ? 'true' : null"
         (contextmenu)="$event.preventDefault()"
         (keydown)="onGridKeyDown($event)"
@@ -792,7 +799,7 @@ DataGridTableComponent = __decorateClass([
       >
         <div class="ogrid-table-wrapper">
           <div [class.loading-dimmed]="isLoading() && items().length > 0" class="ogrid-table-wrapper">
-            <div #tableContainer class="ogrid-table-anchor">
+            <div #tableContainer class="ogrid-table-wrapper">
               <table class="ogrid-table" role="grid">
                 <thead [class]="stickyHeader() ? 'ogrid-thead ogrid-sticky-header' : 'ogrid-thead'">
                   @for (row of headerRows(); track $index; let rowIdx = $index) {
@@ -1094,20 +1101,13 @@ DataGridTableComponent = __decorateClass([
       background: var(--ogrid-bg, #ffffff);
       color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
     }
-    .ogrid-scroll-wrapper[data-suppress-scroll='true'] { overflow-x: hidden; }
     .ogrid-scroll-wrapper--loading-empty { min-height: 200px; }
     .ogrid-table-wrapper {
       position: relative;
     }
-    .ogrid-table-anchor {
-      position: relative;
-      width: max-content;
-      min-width: 100%;
-      overflow: clip;
-    }
     .ogrid-table {
-      width: 100%;
-      min-width: max-content;
+      width: var(--data-table-width, 100%);
+      min-width: var(--data-table-min-width, 100%);
       border-collapse: collapse;
       table-layout: fixed;
     }

package/dist/types/datagrid-table/datagrid-table.component.d.ts

@@ -90,6 +90,7 @@ export declare class DataGridTableComponent<T = unknown> extends BaseDataGridTab
     protected getTableContainerRef(): ElementRef<HTMLElement> | undefined;
     readonly resolvedAriaLabel: import("@angular/core").Signal<string | undefined>;
     readonly tableWidthStyle: import("@angular/core").Signal<"100%" | "fit-content">;
+    readonly tableMinWidthStyle: import("@angular/core").Signal<"100%" | "max-content">;
     getColumnWidth(col: IColumnDef<T>): number;
     trackByRowId(_index: number, item: T): RowId;
     onSelectAllChangePrimeng(checked: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-angular-primeng",
-  "version": "2.1.11",
+  "version": "2.1.12",
   "description": "OGrid PrimeNG – PrimeNG Table-based data grid with sorting, filtering, pagination, column chooser, and CSV export.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -37,7 +37,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-angular": "2.1.11"
+    "@alaarab/ogrid-angular": "2.1.12"
   },
   "peerDependencies": {
     "@angular/core": "^21.0.0",