Styling Header & Cells#

Props#

FieldTypeDescription
column.cellStylestyle object or funcstyle to apply in specified cells
column.headerStylestyle objectstyle to apply in all header cells

Usage#

import MaterialTable from '@material-table/core';
<MaterialTable
// ...
columns={[
{
title: 'Name', field: 'name',
cellStyle: {
backgroundColor: '#039be5',
color: '#FFF'
},
headerStyle: {
backgroundColor: '#039be5',
}
}
}
]}
options={{
headerStyle: {
backgroundColor: '#01579b',
color: '#FFF'
}
}}
/>

Live Demo#

note

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

Live Editor
Result
Table Title
Name
Surname
Birth Year
Birth Place
MehmetBaran1987┼×anl─▒urfa
Zerya Bet├╝lBaran2017─░stanbul