export const DataTable = () => {
const [open, setOpen] = useState(false);
// Map over columns to inject the setOpen prop
const columns = baseColumns.map(column => {
if (column.id === 'actions') {
return {
...column,
cell: ({ row }) => <DataTableRowActions row={row} setOpen={setOpen} />,
};
}
return column;
});
// your table data
const data = []; // replace with your data
const tableInstance = useTable({ columns, data });
return <Table instance={tableInstance} />;
};
export const DataTable = () => {
const [open, setOpen] = useState(false);
// Map over columns to inject the setOpen prop
const columns = baseColumns.map(column => {
if (column.id === 'actions') {
return {
...column,
cell: ({ row }) => <DataTableRowActions row={row} setOpen={setOpen} />,
};
}
return column;
});
// your table data
const data = []; // replace with your data
const tableInstance = useTable({ columns, data });
return <Table instance={tableInstance} />;
};