Svelte selection
I have a config with, following an example of react in Svelte
this doesn't seem to do anything
const defaultColumns: ColumnDef<MedicationRow>[] = [
{
id: 'Select',
header: ({ table }) => {
return flexRender(Checbox, {
id: 'header',
table,
checked: table.getIsAllRowsSelected(),
indeterminate: table.getIsSomeRowsSelected(),
onChange: table.getToggleAllRowsSelectedHandler()
});
},
cell: ({ row }) => {
return flexRender(Checbox, {
row,
checked: row.getIsSelected(),
disabled: !row.getCanSelect(),
indeterminate: row.getIsSomeSelected(),
onChange: row.getToggleSelectedHandler()
});
}
}
]const defaultColumns: ColumnDef<MedicationRow>[] = [
{
id: 'Select',
header: ({ table }) => {
return flexRender(Checbox, {
id: 'header',
table,
checked: table.getIsAllRowsSelected(),
indeterminate: table.getIsSomeRowsSelected(),
onChange: table.getToggleAllRowsSelectedHandler()
});
},
cell: ({ row }) => {
return flexRender(Checbox, {
row,
checked: row.getIsSelected(),
disabled: !row.getCanSelect(),
indeterminate: row.getIsSomeSelected(),
onChange: row.getToggleSelectedHandler()
});
}
}
]<input
class=" left-1 top-1/2 -mt-2 h-4 w-4"
type="checkbox"
on:change={() => {
if ($$restProps.id === 'header') {
table.toggleAllRowsSelected(true);
} else {
row.getToggleSelectedHandler();
}
}}
{...$$restProps}
/><input
class=" left-1 top-1/2 -mt-2 h-4 w-4"
type="checkbox"
on:change={() => {
if ($$restProps.id === 'header') {
table.toggleAllRowsSelected(true);
} else {
row.getToggleSelectedHandler();
}
}}
{...$$restProps}
/>this doesn't seem to do anything
