@ackplus/react-tanstack-data-table 1.1.3 → 1.1.6

package/dist/lib/components/headers/table-header.js

@@ -52,7 +52,7 @@ function TableHeader(props) {
             align: alignment,
             sx: {
                 ...(0, utils_1.getPinnedColumnStyle)({
-                    width: (fitToScreen && !enableColumnResizing) ? 'auto' : header.getSize(),
+                    width: fitToScreen ? 'auto' : header.getSize(),
                     isPinned,
                     pinnedPosition,
                     isLastLeftPinnedColumn: isPinned === 'left' && header.column.getIsLastColumn('left'),

package/dist/lib/components/rows/data-table-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-row.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/rows/data-table-row.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAiC,aAAa,EAAE,cAAc,EAAE,OAAO,EAAmB,MAAM,eAAe,CAAC;AACvH,OAAO,EAAc,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,aAAa;IACvD,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,YAAY,CAqKzE"}
+{"version":3,"file":"data-table-row.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/rows/data-table-row.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAiC,aAAa,EAAE,cAAc,EAAE,OAAO,EAAmB,MAAM,eAAe,CAAC;AACvH,OAAO,EAAc,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,aAAa;IACvD,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,YAAY,CA+KzE"}

package/dist/lib/components/rows/data-table-row.js

@@ -34,15 +34,23 @@ function DataTableRow(props) {
     const handleRowClick = (event) => {
         // Check if click target is a checkbox, button, or interactive element
         const target = event.target;
+        // Check for various interactive elements
         const isCheckboxClick = target.closest('input[type="checkbox"]') !== null;
         const isButtonClick = target.closest('button') !== null;
         const isLinkClick = target.closest('a') !== null;
-        // If selectOnRowClick is enabled and it's not a checkbox/interactive element click, toggle selection
-        if (selectOnRowClick && !isCheckboxClick && !isButtonClick && !isLinkClick && (table === null || table === void 0 ? void 0 : table.toggleRowSelected)) {
+        // Check for elements with interactive roles (button, checkbox, switch, etc.)
+        const isInteractiveRole = target.closest('[role="button"]') !== null ||
+            target.closest('[role="checkbox"]') !== null ||
+            target.closest('[role="switch"]') !== null ||
+            target.closest('[role="menuitem"]') !== null;
+        // Determine if this is an interactive element click
+        const isInteractiveClick = isCheckboxClick || isButtonClick || isLinkClick || isInteractiveRole;
+        // If selectOnRowClick is enabled and it's not an interactive element click, toggle selection
+        if (selectOnRowClick && !isInteractiveClick && (table === null || table === void 0 ? void 0 : table.toggleRowSelected)) {
             table.toggleRowSelected(row.id);
         }
-        // Always call onRowClick if provided
-        if (onRowClick) {
+        // Only call onRowClick if it's not an interactive element click
+        if (onRowClick && !isInteractiveClick) {
             onRowClick(event, row);
         }
     };

package/dist/lib/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/lib/data-table.tsx"],"names":[],"mappings":"AA6EA;;GAEG;AACH,eAAO,MAAM,SAAS,KAsyDpB,CAAC"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/lib/data-table.tsx"],"names":[],"mappings":"AA6EA;;GAEG;AACH,eAAO,MAAM,SAAS,KA2yDpB,CAAC"}

package/dist/lib/data-table.js

@@ -113,7 +113,7 @@ enableGlobalFilter = true, enableColumnFilter = false, filterMode = 'client',
 // Sorting props
 enableSorting = true, sortingMode = 'client', onSortingChange, exportFilename = 'export', onExportProgress, onExportComplete, onExportError, onServerExport, onExportCancel, 
 // Styling props
-enableHover = true, enableStripes = false, tableProps = {}, fitToScreen = true, tableSize: initialTableSize = 'medium', 
+enableHover = true, enableStripes = false, tableProps = {}, fitToScreen = false, tableSize: initialTableSize = 'medium', 
 // Sticky header/footer props
 enableStickyHeaderOrFooter = false, maxHeight = '400px', 
 // Virtualization props
@@ -601,7 +601,7 @@ logging, }, ref) {
         // Row model
         getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
         ...(enableSorting ? { getSortedRowModel: (0, react_table_1.getSortedRowModel)() } : {}),
-        ...(enableColumnFilter ? { getFilteredRowModel: (0, column_filter_feature_1.getCombinedFilteredRowModel)() } : {}),
+        ...(enableColumnFilter || enableGlobalFilter ? { getFilteredRowModel: (0, column_filter_feature_1.getCombinedFilteredRowModel)() } : {}),
         ...(enablePagination ? { getPaginationRowModel: (0, react_table_1.getPaginationRowModel)() } : {}),
         // Sorting
         enableSorting: enableSorting,
@@ -642,8 +642,13 @@ logging, }, ref) {
     // -------------------------------
     // Virtualization and row memo
     // -------------------------------
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const rows = (0, react_1.useMemo)(() => { var _a; return ((_a = table.getRowModel()) === null || _a === void 0 ? void 0 : _a.rows) || []; }, [table, tableData]);
+    // Note: globalFilter is needed in dependencies to trigger recalculation when filter changes
+    // The table object is stable, so we need to depend on the filter state directly
+    const rows = (0, react_1.useMemo)(() => {
+        const rowModel = table.getRowModel();
+        return (rowModel === null || rowModel === void 0 ? void 0 : rowModel.rows) || [];
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [table, tableData, globalFilter, enableGlobalFilter, enableColumnFilter, enablePagination]);
     const rowVirtualizer = (0, react_virtual_1.useVirtualizer)({
         count: rows.length,
         getScrollElement: () => tableContainerRef.current,

package/dist/lib/features/column-filter.feature.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-filter.feature.d.ts","sourceRoot":"","sources":["../../../src/lib/features/column-filter.feature.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACH,KAAK,EACL,YAAY,EACZ,OAAO,EACP,OAAO,EAGP,QAAQ,EAGX,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI9D,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAErE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC5D;AAGD,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU;QAChB,YAAY,EAAE,iBAAiB,CAAC;KACnC;IAED,UAAU,oBAAoB,CAAC,KAAK,SAAS,OAAO;QAChD,yBAAyB,CAAC,EAAE,OAAO,CAAC;QACpC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QACrE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;KAC5D;IAED,UAAU,KAAK,CAAC,KAAK,SAAS,OAAO;QACjC,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QAGpE,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;QACjF,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QAC1F,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QACtD,4BAA4B,EAAE,MAAM,IAAI,CAAC;QACzC,qBAAqB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;QAGrD,yBAAyB,EAAE,MAAM,IAAI,CAAC;QAGtC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;QAC1E,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACnF,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/C,qBAAqB,EAAE,MAAM,IAAI,CAAC;QAClC,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;QAG9C,sBAAsB,EAAE,MAAM,gBAAgB,EAAE,CAAC;QACjD,uBAAuB,EAAE,MAAM,gBAAgB,EAAE,CAAC;QAClD,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;KACjD;CACJ;AA8BD,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAAC,GAAG,CAqLjD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,0BAA0B,CACtC,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,gBAAgB,EAAE,EAC3B,KAAK,GAAE,KAAK,GAAG,IAAY,GAC5B,OAAO,CA2BT;AAED,eAAO,MAAM,2BAA2B,GAAI,KAAK,QACrC,OAAO,KAAK,CAAC,KAAK,CAAC,WAAS,QAAQ,CAAC,KAAK,CAsCrD,CAAC"}
+{"version":3,"file":"column-filter.feature.d.ts","sourceRoot":"","sources":["../../../src/lib/features/column-filter.feature.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACH,KAAK,EACL,YAAY,EACZ,OAAO,EACP,OAAO,EAGP,QAAQ,EAGX,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI9D,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAErE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC5D;AAGD,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU;QAChB,YAAY,EAAE,iBAAiB,CAAC;KACnC;IAED,UAAU,oBAAoB,CAAC,KAAK,SAAS,OAAO;QAChD,yBAAyB,CAAC,EAAE,OAAO,CAAC;QACpC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QACrE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;KAC5D;IAED,UAAU,KAAK,CAAC,KAAK,SAAS,OAAO;QACjC,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QAGpE,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;QACjF,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QAC1F,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QACtD,4BAA4B,EAAE,MAAM,IAAI,CAAC;QACzC,qBAAqB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;QAGrD,yBAAyB,EAAE,MAAM,IAAI,CAAC;QAGtC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;QAC1E,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACnF,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/C,qBAAqB,EAAE,MAAM,IAAI,CAAC;QAClC,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;QAG9C,sBAAsB,EAAE,MAAM,gBAAgB,EAAE,CAAC;QACjD,uBAAuB,EAAE,MAAM,gBAAgB,EAAE,CAAC;QAClD,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;KACjD;CACJ;AA8BD,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAAC,GAAG,CAqLjD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,0BAA0B,CACtC,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,gBAAgB,EAAE,EAC3B,KAAK,GAAE,KAAK,GAAG,IAAY,GAC5B,OAAO,CA2BT;AAED,eAAO,MAAM,2BAA2B,GAAI,KAAK,QACrC,OAAO,KAAK,CAAC,KAAK,CAAC,WAAS,QAAQ,CAAC,KAAK,CAwCrD,CAAC"}

package/dist/lib/features/column-filter.feature.js

@@ -254,8 +254,9 @@ const getCombinedFilteredRowModel = () => {
             filters: [],
             logic: 'AND',
         };
-        if (!filters.length || !table.options.enableAdvanceColumnFilter)
+        if (!filters.length || !table.options.enableAdvanceColumnFilter) {
             return baseFilteredModel;
+        }
         // Apply custom column filters to pre-filtered rows
         const filteredRows = baseFilteredModel.rows.filter(row => matchesCustomColumnFilters(row, filters, logic));
         const flatRows = [];

package/dist/lib/utils/special-columns.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"special-columns.utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/special-columns.utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAgE,MAAM,UAAU,CAAC;AAEzG;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CAEzB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,QAAQ,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,EAAE,GAAG,CAqD9H,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,QAAQ,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,CAkB9F,CAAC"}
+{"version":3,"file":"special-columns.utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/special-columns.utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAgE,MAAM,UAAU,CAAC;AAEzG;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CAEzB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,QAAQ,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,EAAE,GAAG,CAyD9H,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,QAAQ,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,CAqB9F,CAAC"}

package/dist/lib/utils/special-columns.utils.js

@@ -10,7 +10,7 @@ const types_1 = require("../types");
  */
 const createSelectionColumn = (config) => ({
     id: types_1.DEFAULT_SELECTION_COLUMN_NAME,
-    size: 60,
+    maxSize: 60,
     minSize: 60,
     align: 'center',
     filterable: false,
@@ -36,6 +36,8 @@ const createSelectionColumn = (config) => ({
             },
             size: 'small',
             sx: { p: 0 },
+            role: 'checkbox',
+            'aria-checked': allSelected ? 'true' : (someSelected ? 'mixed' : 'false'),
         });
     },
     cell: ({ row, table }) => {
@@ -58,6 +60,8 @@ const createSelectionColumn = (config) => ({
                 p: 0,
                 opacity: canSelect ? 1 : 0.5
             },
+            role: 'checkbox',
+            'aria-checked': checked ? 'true' : 'false',
         });
     },
     ...config,
@@ -68,7 +72,7 @@ exports.createSelectionColumn = createSelectionColumn;
  */
 const createExpandingColumn = (config) => ({
     id: types_1.DEFAULT_EXPANDING_COLUMN_NAME,
-    size: 60,
+    maxSize: 60,
     minSize: 60,
     align: 'center',
     filterable: false,
@@ -82,6 +86,9 @@ const createExpandingColumn = (config) => ({
         onClick: row.getToggleExpandedHandler(),
         size: 'small',
         sx: { p: 0 },
+        role: 'button',
+        'aria-label': row.getIsExpanded() ? 'Collapse row' : 'Expand row',
+        'aria-expanded': row.getIsExpanded(),
     }, row.getIsExpanded() ? (0, react_1.createElement)(icons_material_1.KeyboardArrowUpOutlined) : (0, react_1.createElement)(icons_material_1.KeyboardArrowDownOutlined)),
     ...config,
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ackplus/react-tanstack-data-table",
   "type": "commonjs",
-  "version": "1.1.3",
+  "version": "1.1.6",
   "description": "A powerful React data table component built with MUI and TanStack Table",
   "keywords": [
     "react",

package/src/lib/components/headers/table-header.tsx

@@ -92,7 +92,7 @@ export function TableHeader<T>(props: TableHeaderProps): ReactElement {
                 align: alignment,
                 sx: {
                     ...getPinnedColumnStyle({
-                        width: (fitToScreen && !enableColumnResizing) ? 'auto' : header.getSize(),
+                        width: fitToScreen ? 'auto' : header.getSize(),
                         isPinned,
                         pinnedPosition,
                         isLastLeftPinnedColumn: isPinned === 'left' && header.column.getIsLastColumn('left'),

package/src/lib/components/rows/data-table-row.tsx

@@ -74,17 +74,27 @@ export function DataTableRow<T>(props: DataTableRowProps<T>): ReactElement {
     const handleRowClick = (event: React.MouseEvent<HTMLTableRowElement>) => {
         // Check if click target is a checkbox, button, or interactive element
         const target = event.target as HTMLElement;
+        
+        // Check for various interactive elements
         const isCheckboxClick = target.closest('input[type="checkbox"]') !== null;
         const isButtonClick = target.closest('button') !== null;
         const isLinkClick = target.closest('a') !== null;
+        // Check for elements with interactive roles (button, checkbox, switch, etc.)
+        const isInteractiveRole = target.closest('[role="button"]') !== null || 
+                                  target.closest('[role="checkbox"]') !== null ||
+                                  target.closest('[role="switch"]') !== null ||
+                                  target.closest('[role="menuitem"]') !== null;
+        
+        // Determine if this is an interactive element click
+        const isInteractiveClick = isCheckboxClick || isButtonClick || isLinkClick || isInteractiveRole;
 
-        // If selectOnRowClick is enabled and it's not a checkbox/interactive element click, toggle selection
-        if (selectOnRowClick && !isCheckboxClick && !isButtonClick && !isLinkClick && table?.toggleRowSelected) {
+        // If selectOnRowClick is enabled and it's not an interactive element click, toggle selection
+        if (selectOnRowClick && !isInteractiveClick && table?.toggleRowSelected) {
             table.toggleRowSelected(row.id);
         }
 
-        // Always call onRowClick if provided
-        if (onRowClick) {
+        // Only call onRowClick if it's not an interactive element click
+        if (onRowClick && !isInteractiveClick) {
             onRowClick(event, row);
         }
     };

package/src/lib/data-table.tsx

@@ -154,7 +154,7 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
     enableHover = true,
     enableStripes = false,
     tableProps = {},
-    fitToScreen = true,
+    fitToScreen = false,
     tableSize: initialTableSize = 'medium',
 
     // Sticky header/footer props
@@ -710,7 +710,7 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
         // Row model
         getCoreRowModel: getCoreRowModel(),
         ...(enableSorting ? { getSortedRowModel: getSortedRowModel() } : {}),
-        ...(enableColumnFilter ? { getFilteredRowModel: getCombinedFilteredRowModel<T>() } : {}),
+        ...(enableColumnFilter || enableGlobalFilter ? { getFilteredRowModel: getCombinedFilteredRowModel<T>() } : {}),
         ...(enablePagination ? { getPaginationRowModel: getPaginationRowModel() } : {}),
         // Sorting
         enableSorting: enableSorting,
@@ -755,8 +755,13 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
     // -------------------------------
     // Virtualization and row memo
     // -------------------------------
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const rows = useMemo(() => table.getRowModel()?.rows || [], [table, tableData]);
+    // Note: globalFilter is needed in dependencies to trigger recalculation when filter changes
+    // The table object is stable, so we need to depend on the filter state directly
+    const rows = useMemo(() => {
+        const rowModel = table.getRowModel();
+        return rowModel?.rows || [];
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [table, tableData, globalFilter, enableGlobalFilter, enableColumnFilter, enablePagination]);
     const rowVirtualizer = useVirtualizer({
         count: rows.length,
         getScrollElement: () => tableContainerRef.current,

package/src/lib/features/column-filter.feature.ts

@@ -338,7 +338,9 @@ export const getCombinedFilteredRowModel = <TData,>() => {
             logic: 'AND',
         };
 
-        if (!filters.length || !table.options.enableAdvanceColumnFilter) return baseFilteredModel;
+        if (!filters.length || !table.options.enableAdvanceColumnFilter) {
+            return baseFilteredModel;
+        }
 
         // Apply custom column filters to pre-filtered rows
         const filteredRows = baseFilteredModel.rows.filter(row =>

package/src/lib/utils/special-columns.utils.ts

@@ -17,7 +17,7 @@ export interface SelectionColumnConfig<T> {
  */
 export const createSelectionColumn = <T>(config: Partial<DataTableColumn<T>> & SelectionColumnConfig<T>): DataTableColumn<T, any> => ({
     id: DEFAULT_SELECTION_COLUMN_NAME,
-    size: 60,
+    maxSize: 60,
     minSize: 60,
     align: 'center',
     filterable: false,
@@ -42,6 +42,8 @@ export const createSelectionColumn = <T>(config: Partial<DataTableColumn<T>> & S
             },
             size: 'small',
             sx: { p: 0 },
+            role: 'checkbox',
+            'aria-checked': allSelected ? 'true' : (someSelected ? 'mixed' : 'false'),
         });
     },
 
@@ -65,6 +67,8 @@ export const createSelectionColumn = <T>(config: Partial<DataTableColumn<T>> & S
                 p: 0,
                 opacity: canSelect ? 1 : 0.5
             },
+            role: 'checkbox',
+            'aria-checked': checked ? 'true' : 'false',
         });
     },
     ...config,
@@ -75,7 +79,7 @@ export const createSelectionColumn = <T>(config: Partial<DataTableColumn<T>> & S
  */
 export const createExpandingColumn = <T>(config: Partial<DataTableColumn<T>>): DataTableColumn<T> => ({
     id: DEFAULT_EXPANDING_COLUMN_NAME,
-    size: 60,
+    maxSize: 60,
     minSize: 60,
     align: 'center',
     filterable: false,
@@ -89,6 +93,9 @@ export const createExpandingColumn = <T>(config: Partial<DataTableColumn<T>>): D
         onClick: row.getToggleExpandedHandler(),
         size: 'small',
         sx: { p: 0 },
+        role: 'button',
+        'aria-label': row.getIsExpanded() ? 'Collapse row' : 'Expand row',
+        'aria-expanded': row.getIsExpanded(),
     }, row.getIsExpanded() ? createElement(KeyboardArrowUpOutlined) : createElement(KeyboardArrowDownOutlined)),
     ...config,
 });