Web: Chargen per Klick auf die ganze Zeile auswaehlen

Nicht nur die kleine Checkbox schaltet die Auswahl, sondern ein Klick irgendwo
in die Zeile (ausser auf Bedienelemente wie Lagerort-Dropdown/Link). Ausgewaehlte
Zeilen werden hervorgehoben. Neuer DataTable-Prop onRowClick.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-29 14:08:12 +02:00
parent 51c02091ed
commit 5550897319
2 changed files with 10 additions and 2 deletions

View File

@@ -178,6 +178,12 @@ export default function Charges() {
<div className="card">
<DataTable id="charges" columns={columns} rows={lots} loading={loading}
onVisibleRows={setVisible}
rowClassName={(l) => (selected.has(l.id) ? "row-active" : "")}
onRowClick={(l, e) => {
// Klicks auf Bedienelemente (Checkbox, Lagerort-Dropdown, Link) nicht
// als Zeilenauswahl werten überall sonst die Zeile umschalten.
if (!e.target.closest("input, select, a, button, label")) toggle(l.id);
}}
getRowKey={(l) => l.id} empty="Keine Chargen im Bestand." />
</div>
</div>