Basic Filter#

Props#

FieldTypedefaultDescription
options.sortingbooleanfalseActivate sorting functionality, display arrow icon when hovering header
options.thirdSortClickbooleantrueAllow unsorted state on third header click
column.sortingbooleantrueSet as false to remove sorting option in a column

Usage#

import MaterialTable from "@material-table/core";
<MaterialTable
// ...
options={{
sorting: true,
thirdSortClick: false,
}}
columns={[
{
title: "Name",
field: "name",
sorting: false,
},
{
title: "Surname",
field: "surname",
},
{
title: "Birth Year",
field: "birthYear",
},
{
title: "Birth Place",
field: "birthCity",
lookup: {
34: "─░stanbul",
63: "┼×anl─▒urfa",
},
},
]}
/>;

Live Demo#

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