پاسخ داده شد
جستجو در جدول و فیلترینگ در react با استفاه از materia-table چگونه انجام می شود؟
react filtering column of table in react material-table material-table react table in react material UI
- فرشته حقیقی 3 سال قبل سوال کرد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ عالی
اینکار به سادگی با قابلیت filtering قابل انجام است.با استفاده از این قابلیت می توانیم روی همه ستونها یا برخی از ستونها جستجو انجام دهیم.
function CellHeaderStyling() {
return (
<MaterialTable
title=" Styling "
columns={[
{
title: 'Name', field: 'name',
},
{ title: 'lastname', field: 'lastname' },
{ title: 'Birth Year', field: 'birthYear', type: 'numeric' },
]}
data={[
{ name: 'Sara', lastname: 'Jam', birthYear: 2005},
]}
options={{
filtering: true
}}
/>
)
}
درصورتیکه بخواهیم روی بعضی ستونها فیلترنگ انجام دهیم ستونی که نکی خواهیم فیلترینگ داشته باشد را false می کنیم.
function CellHeaderStyling() {
return (
<MaterialTable
title=" Styling "
columns={[
{
title: 'Name', field: 'name',filtering: false
},
{ title: 'lastname', field: 'lastname' },
{ title: 'Birth Year', field: 'birthYear', type: 'numeric' },
]}
data={[
{ name: 'Sara', lastname: 'Jam', birthYear: 2005},
]}
options={{
filtering: true
}}
/>
)
}
- فرشته حقیقی 3 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ شما