Ich habe einen Tisch, den ich mit Tanstack -Tisch in React gebaut habe. Ich versuche, eine ausgewählbare Zeilenfunktionalität durchzuführen, aber ich lasse derzeit ein Problem, bei dem ich immer die erste Zeile auswählt und wenn ich erneut auf eine Zeile klicke, entscheidet es sich. Die Tabelle fungiert als Umschalter für die erste Zeile. Ich habe mehrere Lösungen ausprobiert, wie es jeden Artikel über eine eindeutige ID verfügt, aber es funktioniert immer noch nicht. Ich verwende derzeit die Auswahl mit einem Kontrollkästchen. Wie kann ich das
Problem so beheben, dass wenn ich auf eine Zeile klicke, diese bestimmte und wenn ich zum zweiten Mal klicke, entscheidet es (ein Umschalter für jede Zeile). < /P>
Mein Code: < /p>
Code: Select all
// 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}
/>