@alaarab/ogrid-vue 2.0.16 → 2.0.18

package/dist/esm/components/createDataGridTable.js

@@ -37,14 +37,12 @@ export function createDataGridTable(ui) {
                 const pinning = state.pinning.value;
                 const { visibleCols, columnSizingOverrides, measuredColumnWidths } = layout;
                 const { leftOffsets, rightOffsets } = pinning;
-                const freezeCols = propsRef.value.freezeCols;
                 const cellStyles = {};
                 const cellClasses = {};
                 const hdrStyles = {};
                 const hdrClasses = {};
                 for (let colIdx = 0; colIdx < visibleCols.length; colIdx++) {
                     const col = visibleCols[colIdx];
-                    const isFreezeCol = freezeCols != null && freezeCols >= 1 && colIdx < freezeCols;
                     const isPinnedLeft = col.pinned === 'left';
                     const isPinnedRight = col.pinned === 'right';
                     const columnWidth = getColumnWidth(col);
@@ -64,7 +62,7 @@ export function createDataGridTable(ui) {
                     };
                     const tdClassParts = ['ogrid-data-cell'];
                     const hdrClassParts = ['ogrid-header-cell'];
-                    if (isPinnedLeft || (isFreezeCol && colIdx === 0)) {
+                    if (isPinnedLeft) {
                         tdClassParts.push('ogrid-data-cell--pinned-left');
                         tdStyle.left = `${leftOffsets[col.columnId] ?? 0}px`;
                         hdrClassParts.push('ogrid-header-cell--pinned-left');
@@ -106,8 +104,6 @@ export function createDataGridTable(ui) {
                 const getRowId = p.getRowId;
                 const layoutMode = p.layoutMode ?? 'fill';
                 const rowSelection = p.rowSelection ?? 'none';
-                const freezeRows = p.freezeRows;
-                const freezeCols = p.freezeCols;
                 const suppressHorizontalScroll = p.suppressHorizontalScroll;
                 const isLoading = p.isLoading ?? false;
                 const loadingMessage = p.loadingMessage ?? 'Loading\u2026';
@@ -252,8 +248,6 @@ export function createDataGridTable(ui) {
                                         ref: (el) => { tableRef.value = el; },
                                         class: 'ogrid-table',
                                         style: { minWidth: `${minTableWidth}px` },
-                                        'data-freeze-rows': freezeRows != null && freezeRows >= 1 ? freezeRows : undefined,
-                                        'data-freeze-cols': freezeCols != null && freezeCols >= 1 ? freezeCols : undefined,
                                     }, [
                                         // Header
                                         h('thead', { class: 'ogrid-thead' }, headerRows.map((row, rowIdx) => h('tr', { key: rowIdx, class: 'ogrid-header-row' }, [

package/dist/esm/composables/useOGrid.js

@@ -314,8 +314,6 @@ export function useOGrid(props) {
             onColumnPinned: handleColumnPinned,
             pinnedColumns: pinnedOverrides.value,
             initialColumnWidths: columnWidthOverrides.value,
-            freezeRows: p.freezeRows,
-            freezeCols: p.freezeCols,
             editable: p.editable,
             cellSelection: p.cellSelection,
             onCellValueChanged: p.onCellValueChanged,

package/dist/types/types/dataGridTypes.d.ts

@@ -29,8 +29,6 @@ interface IOGridBaseProps<T> {
     onColumnResized?: (columnId: string, width: number) => void;
     /** Called when a column is pinned or unpinned. */
     onColumnPinned?: (columnId: string, pinned: 'left' | 'right' | null) => void;
-    freezeRows?: number;
-    freezeCols?: number;
     editable?: boolean;
     /** Enable spreadsheet-like cell selection (active cell, range, fill handle, clipboard, context menu). Default: true. */
     cellSelection?: boolean;
@@ -119,10 +117,6 @@ export interface IOGridDataGridProps<T> {
     pinnedColumns?: Record<string, 'left' | 'right'>;
     /** Initial column width overrides (from restored state). */
     initialColumnWidths?: Record<string, number>;
-    /** Number of rows to freeze (sticky), e.g. 1 = header row. */
-    freezeRows?: number;
-    /** Number of data columns to freeze (sticky left). */
-    freezeCols?: number;
     layoutMode?: 'content' | 'fill';
     /** When true, horizontal scrolling is suppressed (overflow-x hidden). */
     suppressHorizontalScroll?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-vue",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "description": "OGrid Vue – Vue 3 composables, headless components, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -35,7 +35,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.0.15"
+    "@alaarab/ogrid-core": "2.0.18"
   },
   "peerDependencies": {
     "vue": "^3.3.0"