Auswahlbare Zeile in TanStack -Tabelle in ReactJavaScript

Javascript-Forum
Anonymous
 Auswahlbare Zeile in TanStack -Tabelle in React

Post by Anonymous »

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}
/>

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post