Basic Filter#

Props#

FieldTypeDescription
options.filteringbooleandisplay filter row on table
column.filteringbooleanset as false to hide default filter to display on a column

Usage#

import MaterialTable from "@material-table/core";
<MaterialTable
// ...
options={{
filtering: true,
}}
columns={[
{
title: "Name",
field: "name",
filtering: false,
},
{
title: "Surname",
field: "surname",
},
{
title: "Birth Year",
field: "birthYear",
type: "numeric",
},
{
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