Basic Tree Data

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
// ...
parentChildData={(row, rows) => rows.find(a => a.id === row.parentId)}
/>

Live Demo#

note

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

Live Editor
Result
Table Title
Adı
Soyadı
Cinsiyet
Tipi
Doğum Yılı
Doğum Yeri
aBaranMaleadult1987Şanlıurfa
eBaranFemalechild1987İstanbul