Basic Action

You can add buttons to rows or toolbar by using actions prop. Actions prop takes array of actions.

Usage#

import MaterialTable from '@material-table/core';
<MaterialTable
// ...
actions={[
{
icon: () => <SaveIcon />,
tooltip: 'Save User',
onClick: (event, rowData) => {
const rowJson = JSON.stringify(rowData, null, 2);
alert(`Do save operation : ${rowJson}`);
}
}
]}
/>

Live Demo#

note

See here for more on the GLOBAL_VARS we use in our demos

Live Editor
Result
Table Title
Actions
Id
Name
2Joe
1Mary