У меня есть стол, который я построил с таблицей Tanstack в React. Я пытаюсь выполнить функциональность выбираемой строки, но в настоящее время сталкиваюсь с проблемой, когда всякий раз, когда я нажимаю на любую строку, он всегда выбирает первую строку и когда я снова нажимаю на любую строку, он не выберет, поэтому он чувствует все ряды на Таблица действует как переключение для первого ряда. Я попробовал несколько решений, таких как позволение каждому элементу иметь уникальный идентификатор, но он все еще не работает. В настоящее время я обращаюсь с выбором с флажкой. Как я могу решить проблему так, чтобы всякий раз, когда я нажимаю на строку, она выбирает эту конкретную, и всякий раз, когда я нажимаю во второй раз, она не выберется (переключатель для каждой строки). < /P>
my Код: < /p>
// columns definition
const columns = [
{
id: "select",
header: ({ table }) => (
),
cell: ({ row }) => {
return (
);
},
},
…
]
const [rowSelection, setRowSelection] = useState({});
const cols = columns;
const table = useReactTable({
data,
columns,
getCoreRowModel: getCoreRowModel(),
getSortedRowModel: getSortedRowModel(),
state: {
rowSelection,
},
onRowSelectionChange: setRowSelection,
});
// my table component
Table
allowSelection
page={2}
pageCount={20}
table={table}
/>
Подробнее здесь: https://stackoverflow.com/questions/794 ... e-in-react
