T
TanStack5mo ago
mute-gold

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
mute-gold
mute-goldOP5mo 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?