کامپوننت material-table برای styling  جدول قابلیتهای زیر را دارد:

• cellStyle : برای ستون
• column.headerStyle : برای هدر  یک ستون
• options.headerStyle : برای هدر همه ستونها
• options.rowStyle : برای همه سطرها

در کد زیر رنگ ستون نام و هدر جدول را آبی قرار داده ایم

function CellHeaderStyling() {
  return (
    <MaterialTable
      title=" Styling "
      columns={[
        {
          title: 'Name', field: 'name',
          cellStyle: {
            backgroundColor: '#039be5',
            color: '#FFF'
          },
          headerStyle: {
            backgroundColor: '#039be5',
          }
        },
        { title: 'lastname', field: 'lastname' },
        { title: 'Birth Year', field: 'birthYear', type: 'numeric' },
       
      ]}
      data={[
        { name: 'Sara', lastname: 'Jam', birthYear: 2005},
      ]}
      options={{
        headerStyle: {
          backgroundColor: '#039be5',
          color: '#FFF'
        }
      }}
    />
  )
}