eru-grid 0.0.6 → 0.0.7

package/index.d.ts

@@ -47,8 +47,11 @@ interface GridFeatures {
     enableColumnSubtotals?: boolean;
     enableGrandTotal?: boolean;
     subtotalPosition?: 'before' | 'after';
+    grandTotalPosition?: 'before' | 'after';
     subtotalLabel?: string;
     freezeField?: string;
+    freezeHeader?: boolean;
+    freezeGrandTotal?: boolean;
     replaceZeroValue?: string;
 }
 interface GridStyles {
@@ -372,8 +375,9 @@ declare class EruGridStore {
     readonly isPivotMode: _angular_core.Signal<boolean>;
     readonly isEditingEnabled: _angular_core.Signal<boolean>;
     readonly displayColumns: _angular_core.Signal<Field[]>;
-    readonly displayData: _angular_core.Signal<Row[] | eru_grid.PivotRow[]>;
-    readonly pivotDisplayData: _angular_core.Signal<eru_grid.PivotRow[]>;
+    readonly displayData: _angular_core.Signal<Row[] | PivotRow[]>;
+    readonly pivotGrandTotalData: _angular_core.Signal<PivotRow[]>;
+    readonly pivotDisplayData: _angular_core.Signal<PivotRow[]>;
     readonly tableDisplayData: _angular_core.Signal<Row[]>;
     setColumns(columns: Field[]): void;
     getConfiguration(): GridConfiguration;
@@ -452,6 +456,14 @@ declare class EruGridStore {
      * Get the freeze field name
      */
     getFreezeField(): string | null;
+    /**
+     * Check if freeze header is enabled
+     */
+    isFreezeHeaderEnabled(): boolean;
+    /**
+     * Check if freeze grand total is enabled
+     */
+    isFreezeGrandTotalEnabled(): boolean;
     setPivotDrilldown(drilldown: PivotDrilldown, columnValues: string): void;
     clearPivotDrilldown(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EruGridStore, never>;
@@ -578,8 +590,12 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
     gridStore: EruGridStore;
     private resizeObserver;
     isColumnReordering: _angular_core.WritableSignal<boolean>;
+    firstTr: number | null;
     viewport?: CdkVirtualScrollViewport;
     rowContainer?: ElementRef;
+    headerScroller: ElementRef<HTMLDivElement>;
+    gtScroller: ElementRef<HTMLDivElement>;
+    vp: CdkVirtualScrollViewport;
     private rowLoadQueue;
     private isProcessingQueue;
     groupedRows: _angular_core.Signal<GroupItem[]>;
@@ -596,42 +612,21 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
     maxDepth: _angular_core.Signal<number>;
     subTotalStyle: _angular_core.Signal<"bold" | "italic" | "highlighted">;
     grandTotalStyle: _angular_core.Signal<"bold" | "italic" | "highlighted">;
+    freezeHeader: _angular_core.Signal<boolean>;
+    freezeGrandTotal: _angular_core.Signal<boolean>;
+    grandTotalPosition: _angular_core.Signal<"before" | "after">;
     /**
      * Check if a row is the first visible row in the pivot viewport
      * @param rowIndex The index of the row in the virtual scroll
      * @returns true if this is the first visible row
      */
     isFirstVisiblePivotRow(rowIndex: number): boolean;
-    /**
-     * Check if a specific row is the first visible row by comparing with scroll index
-     * @param rowIndex The index of the row to check
-     * @returns true if this row is the first visible row
-     */
-    isRowFirstVisible(rowIndex: number): boolean;
     /**
      * Handle scroll events for pivot mode
      * @param scrollIndex The current scroll index
      */
     onPivotScroll(scrollIndex: number): void;
-    /**
-     * Get the actual data index of the first visible row in the pivot data array
-     * @returns The actual index in the pivot data array, or -1 if not available
-     */
-    getFirstVisiblePivotDataIndex(): number;
-    /**
-     * Get the truly visible range (what's actually visible on screen)
-     * @returns Object with start, end, and count of visible items
-     */
-    getVisibleRange(): {
-        start: number;
-        end: number;
-        count: number;
-    };
-    /**
-     * Calculate the actual number of items visible in the viewport
-     * This accounts for headers, padding, and actual viewport dimensions
-     */
-    private getActualVisibleItemCount;
+    getTotalTableWidth(): number;
     /**
      * Get the rendered range (what's in the DOM including buffer)
      * @returns Object with start, end, and count of rendered items
@@ -641,27 +636,6 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
         end: number;
         count: number;
     };
-    /**
-     * Get current scroll and visibility information for debugging
-     * @returns Object with current scroll state and ranges
-     */
-    getCurrentScrollInfo(): {
-        scrollIndex: number;
-        visibleRange: {
-            start: number;
-            end: number;
-            count: number;
-        };
-        renderedRange: {
-            start: number;
-            end: number;
-            count: number;
-        };
-        cdkViewportSize: number;
-        actualVisibleCount: number;
-        dataLength: number;
-        viewportHeight: number;
-    };
     private readonly ROWS_PER_PAGE;
     private readonly SCROLL_THRESHOLD;
     private lastLoadedGroupIds;
@@ -671,12 +645,9 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private createGroupedRows;
-    private recalculateViewport;
     initializeGroups(): void;
     private fetchInitialRows;
     fetchRowsForGroup(groupId: string, page: number, pageSize?: number): Promise<void>;
-    private updateGroupLoadingState;
-    private updateGroupAfterLoading;
     onScroll(scrollIndex: number): void;
     private getVisibleGroups;
     private getGroupItemAtIndex;
@@ -684,8 +655,6 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
     private intelligentRowLoading;
     private checkGroupRowLoading;
     private queueRowLoading;
-    private adjustColumnWidths;
-    private ensureHorizontalScroll;
     trackByColumnFn(index: number, column: Field): string;
     trackByGroupItemFn(index: number, groupItem: GroupItem): string;
     trackByPivotRowFn(index: number, pivotRow: PivotRow): string;
@@ -696,7 +665,6 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
     isRowDimensionHeader(header: any): boolean;
     getPivotGridColumns(): string;
     private initializeColumnWidths;
-    private measureAndSetContainerDimensions;
     private normalizeRowData;
     private getDisplayValue;
     private getGenericRowDisplay;
@@ -731,10 +699,6 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
         skip: boolean;
         parentSpan: number;
     }>;
-    /**
-     * Clear rowspan cache when pivot data changes
-     */
-    clearRowspanCache(): void;
     /**
      * Get the effective rowspan for a cell in virtual scrolling context
      * This method ensures proper rowspan continuity when scrolling
@@ -781,6 +745,23 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
      * Check if a column is a row dimension column
      */
     isRowDimensionColumn(columnName: string): boolean;
+    /**
+     * Handle body scroll to synchronize header and grand total horizontal scroll
+     */
+    onBodyScroll(event: Event): void;
+    /**
+     * Handle header scroll to synchronize body horizontal scroll
+     */
+    onHeaderScroll(event: Event): void;
+    /**
+     * Manually trigger scrollbar compensation recalculation (for testing)
+     */
+    recalculateScrollbarCompensation(): void;
+    /**
+     * Adjust header padding to compensate for body table scrollbar width
+     * This ensures perfect column alignment between header and body tables
+     */
+    private adjustHeaderScrollbarCompensation;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EruGridComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EruGridComponent, "eru-grid", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eru-grid",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "peerDependencies": {
     "@angular/common": "^20.1.3",
     "@angular/core": "^20.1.3"