row selection not working for grouped rows (flat data) #4879

Activity

1. VincEnterprise commented on Dec 20, 2023

   

   VincEnterprise

   on Dec 20, 2023

   More actions

   bump
2. Radomir-Drukh commented on Nov 21, 2025

   

   Radomir-Drukh

   on Nov 21, 2025

   More actions

   Here is my solution

   import * as React from 'react';
   
   import type {RowSelectionState, Updater} from '@tanstack/react-table';
   
   interface RowSelectionProps<T> {
       rowSelection: RowSelectionState;
       setRowSelection: React.Dispatch<React.SetStateAction<RowSelectionState>>;
       tableData: T[];
       item: T;
       getSubRows: (item: T) => T[] | undefined;
       getRowId: (row: T) => string;
   }
   
   const processItemSelection = <T>({
       rowSelection,
       item,
       getSubRows,
       getRowId,
   }: Omit<RowSelectionProps<T>, 'setRowSelection' | 'tableData'>): boolean => {
       let isSelected = true;
   
       const itemId = getRowId(item);
   
       const subRows = getSubRows(item) ?? [];
   
       if (subRows.length > 0) {
           subRows.forEach((subRow) => {
               const isSubRowSelected = processItemSelection({
                   item: subRow,
                   rowSelection,
                   getSubRows,
                   getRowId,
               });
   
               if (!isSubRowSelected) {
                   isSelected = false;
               }
           });
       } else {
           isSelected = rowSelection[itemId] === true;
       }
   
       if (isSelected) {
           rowSelection[itemId] = true;
       } else if (itemId in rowSelection) {
           delete rowSelection[itemId];
       }
   
       return isSelected;
   };
   
   export const useRowSelectionFixedHandler = <T>({
       rowSelection,
       setRowSelection,
       tableData,
       getSubRows,
       getRowId,
   }: Omit<RowSelectionProps<T>, 'item'>) => {
       const fixedRowSelectionHandler = React.useCallback(
           (rowSelectionUpdater: Updater<RowSelectionState>) => {
               const rowSelectionUpdated =
                   typeof rowSelectionUpdater === 'function'
                       ? rowSelectionUpdater(rowSelection)
                       : rowSelectionUpdater;
   
               tableData.forEach((item) => {
                   processItemSelection({
                       item,
                       rowSelection: rowSelectionUpdated,
                       getSubRows,
                       getRowId,
                   });
               });
   
               setRowSelection(rowSelectionUpdated);
           },
           [rowSelection, setRowSelection, tableData, getSubRows, getRowId],
       );
   
       return fixedRowSelectionHandler;
   };
   
3. KevinVandy commented on Aug 3, 2026

   

   KevinVandy

   on Aug 3, 2026

   Member

   More actions

   fixed in v9
4. KevinVandy

   closed this as completedon Aug 3, 2026