Custom Filter Row#

Props#

FieldTypeDescription
options.filteringbooleandisplay filter row on table
components.FilterRowReact.Elementcustom filter component to display instead MTableFilterRow

Usage#

import MaterialTable from "@material-table/core";
<MaterialTable
// ...
options={{
filtering: true,
}}
components={{
FilterRow: () => <CustomFilterRow {...props} />,
}}
/>;

Live Demo#

note

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

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