How to access parent row data in subRow when using useExpanded?

[vinnymac]

I was able to get access to the first row of data by doing the following.

const columns = useMemo(() => ({
  Cell({
    row: { id },
    rowsById
  }) {
    const { original } = rowsById[id[0]];
    return <span>{original.firstName}</span>;
  }
}));

This technique could be used to access any of the relevant rows. Was this the intended way of accessing the parent rows from a subRow? Is there a better way that I am not seeing?

Thank you for reading

[victmo]

This is how I do it:

const parentRowId = row.id.split('.').slice(0, -1).join('.'); // string
const parentRow = instance.rowsById[parentRowId]; // Row || undefined;

[YuriyDyachkov]

This is how I do it:

const parentRowId = row.id.split('.').slice(0, -1).join('.'); // string
const parentRow = instance.rowsById[parentRowId]; // Row || undefined;

Hello. Whats is this "instance"?

[victmo]

instance is what gets returned from useTable. See https://react-table.tanstack.com/docs/api/overview#hook-usage

[T04435]

I'm getting access to it from the columns in the table.

For that I use: row.getParentRow()?.original

export const columns: ColumnDef<T>[] = [
  {  
    accessorKey: "key",
    header: "header",
    cell: ({ row, column, cell }) => {
      const data = row.original // parent || child
      const parentRow = row.getParentRow()?.original // parent or undefined if parent
      return (...)
    }
  }
  // ... other cols
] 

[MDziurakh]

@T04435, definitely should be on top!