Toolbar

Usage#

import MaterialTable, { MTableToolbar } from '@material-table/core';
<MaterialTable
// ...
components={{
Toolbar: props => (
<div style={{ backgroundColor: '#e8eaf5' }}>
<MTableToolbar {...props} />
</div>
)
}}
/>

Live Demo#

In this demo we override the MTableToolbar component by injecting the background color into it's props.

note

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

Live Editor
Result
Table Title
Id
Name
2Joe
1Mary