There seems to be an issue with the save icon not showing up in the editable table. The icons for outside actions are functioning properly, but the ones for inner actions are not working.
Please click on the update action below:
https://i.sstatic.net/Pmaej.png
Click on the add action here:
https://i.sstatic.net/1xJDr.png
To delete, click on this action:
https://i.sstatic.net/11qSe.png
Action icons and new actions should be working fine:
https://i.sstatic.net/pIC70.png
<MaterialTable title="Selling" columns={columns} data={data} icons={tableIcons}
const tableIcons = {
Save: forwardRef((props: any, ref: any) => <Save {...props} ref={ref} />),
Add: forwardRef((props: any, ref: any) => <AddBox {...props} ref={ref} />),
Edit: forwardRef((props: any, ref: any) => <Edit {...props} ref={ref} />),
Delete: forwardRef((props: any, ref: any) => <Delete {...props} ref={ref} />),
Cancel: forwardRef((props: any, ref: any) => <Cancel {...props} ref={ref} />),
Clear: forwardRef((props: any, ref: any) => <Clear {...props} ref={ref} />),
};