@guiexpert/table 1.1.103 → 1.1.105

package/lib/table/ele-scope.d.ts

@@ -47,6 +47,16 @@ export declare class EleScope {
     protected hoverColumn: HTMLDivElement;
     protected draggingColumn: HTMLDivElement;
     protected scrollTop: number;
+    /**
+     * Height of the horizontal scroll bar of {@link scrollViewport} in px, measured in {@link adjustContainersAndRows}.
+     * 0 without a horizontal scroll bar and with overlay scroll bars (macOS default, mobile) – they take no space.
+     */
+    protected horizontalScrollBarHeight: number;
+    /**
+     * Width of the vertical scroll bar of {@link scrollViewport} in px (at the end of the rows: right, in right-to-left
+     * on the left), measured in {@link adjustContainersAndRows}. 0 without one and with overlay scroll bars.
+     */
+    protected verticalScrollBarWidth: number;
     protected areaBodyWestGeo: GeoData;
     protected areaBodyCenterGeo: GeoData;
     protected areaBodyEastGeo: GeoData;
@@ -135,6 +145,29 @@ export declare class EleScope {
      * @return {void}
      */
     adjustContainersAndRows(): void;
+    /**
+     * The height the table lays out header, body and footer in: the host height minus a horizontal scroll bar that
+     * takes space (see {@link horizontalScrollBarHeight}).
+     *
+     * @returns {number} px
+     * @since 1.1.104
+     */
+    getLayoutHeight(): number;
+    /**
+     * The width the table lays out header, body and footer in: the host width minus a vertical scroll bar that takes
+     * space (see {@link verticalScrollBarWidth}). A logical width – in right-to-left the bar is on the left.
+     *
+     * @returns {number} px
+     * @since 1.1.104
+     */
+    getLayoutWidth(): number;
+    /**
+     * Height of the horizontal scroll bar of the scroll viewport: offsetHeight − clientHeight (the viewport has no
+     * border, see the constructor).
+     */
+    protected measureHorizontalScrollBarHeight(): number;
+    /** Width of the vertical scroll bar of the scroll viewport: offsetWidth − clientWidth. */
+    protected measureVerticalScrollBarWidth(): number;
     /**
      * Position and size of the detail layer (master/detail) in the host – overwritten in {@link RenderScope}.
      *

package/lib/table/render-scope.d.ts

@@ -312,6 +312,18 @@ export declare class RenderScope extends EleScope {
      * @return {undefined}
      */
     recalcColumnWidths(clientWidth?: number): void;
+    /** `TableModelIf.setParentWidth` – remembers the width for {@link adjustRelativeColumnWidthsToScrollBar}. */
+    protected setParentWidth(widthInPixel: number): void;
+    /** True if a column has a % or weight width (it depends on the width of the host). */
+    protected hasRelativeColumnWidths(): boolean;
+    adjustContainersAndRows(): void;
+    /**
+     * % and weight columns share the width next to the vertical scroll bar. The bar appears (or disappears) only after
+     * the rows are laid out – the first layout, rows added or removed, a filter: then the columns were computed for the
+     * wrong width – too wide by the width of the bar, so a horizontal scroll bar appeared and covered the last row. Here
+     * they are computed again (once – the flag stops a second pass) with the width that is available now.
+     */
+    protected adjustRelativeColumnWidthsToScrollBar(): void;
     /**
      * The width that % and weight columns share: host width minus the fixed west columns and a vertical scroll bar.
      *
@@ -590,6 +602,10 @@ export declare class RenderScope extends EleScope {
     private rowNumberWidth?;
     /** true while the containers are adjusted to a new row number width (no second change in that nested pass). */
     private adjustingRowNumberWidth;
+    /** Guards {@link adjustRelativeColumnWidthsToScrollBar} against re-entry. */
+    private adjustingRelativeWidths;
+    /** The width % and weight columns were last computed for (`TableModelIf.setParentWidth`), -1 = unknown. */
+    protected relativeWidthsBase: number;
     /** the approximate first width is measured again once (see adjustAfterScrolling). */
     private rowNumberRemeasureScheduled;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guiexpert/table",
-  "version": "1.1.103",
+  "version": "1.1.105",
   "license": "MIT",
   "author": "Dr. Marc Kronberg <info@gui.expert> (https://gui.expert)",
   "repository": {
@@ -69,7 +69,8 @@
     "docs:check": "node scripts/check-doc-examples.mjs",
     "test": "vitest run",
     "test:unit": "vitest run --project unit",
-    "test:browser": "vitest run --project browser",
+    "test:browser": "vitest run --project browser --project browser-scrollbars",
+    "test:browser:scrollbars": "GE_ALL_SCROLLBARS=1 vitest run --project browser-scrollbars",
     "test:watch": "vitest --project unit",
     "test:coverage": "vitest run --coverage",
     "test:types": "tsc -p tsconfig.spec.json --noEmit",