onClick is on menu item instead of the checkbox itself

This commit is contained in:
Carter 2025-02-25 11:25:10 -06:00
parent 1fb166650f
commit 8743cba65a

View file

@ -497,11 +497,16 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
disableAutoFocusItem> disableAutoFocusItem>
{columns?.map((column, index) => { {columns?.map((column, index) => {
return ( return (
<MenuItem key={"column-list-"+index} aria-label="Open User Settings" dense sx={{ marginLeft: -0.75 }}> <MenuItem
onClick={() => filter(column.title)}
key={"column-list-"+index}
aria-label="Open User Settings"
dense
sx={{ marginLeft: -0.75 }}
>
<ListItemIcon> <ListItemIcon>
<Checkbox <Checkbox
checked={!filterList.includes(column.title)} checked={!filterList.includes(column.title)}
onClick={() => filter(column.title)}
/> />
</ListItemIcon> </ListItemIcon>
<ListItemText primary={column.title} /> <ListItemText primary={column.title} />