Custom Column Rendering#

Usage#

import MaterialTable from '@material-table/core';
<MaterialTable
// ...
columns={[
{
field: 'url',
title: 'Avatar',
render: rowData => {
return <img src={rowData.url} style={{width: 50, borderRadius: '50%'}}/>
}
}
]}
/>

Live Demo#

note

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

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