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>
{columns?.map((column, index) => {
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>
<Checkbox
checked={!filterList.includes(column.title)}
onClick={() => filter(column.title)}
/>
</ListItemIcon>
<ListItemText primary={column.title} />