T
TanStack4mo ago
ratty-blush

Anyone know how to stop flexRender from messing up Shadcn dialog/form tab order?

If I place my column header or cell impl directly in the table the tab order isn't messed up. I asked a similar question in Shadcn general: https://github.com/shadcn-ui/ui/discussions/7325#discussioncomment-13045899
1 Reply
ratty-blush
ratty-blushOP4mo ago
For some reason moving the cell definition in the columns.tsx from something like export function BuildColumns() { ... column.cell = ({getValue, column}) => <span>{ getValue() }<span> ... } to const TableCell = ({getValue, column}) => <span>{ getValue() }<span>; export function BuildColumns() { ... column.cell = TableCell; ... } fixed the tab order issue.

Did you find this page helpful?