جستجو در جدول و فیلترینگ در react با استفاه از materia-table چگونه انجام می شود؟
- فرشته حقیقی 4 سال قبل سوال کرد
- شما باید برای ارسال دیدگاه وارد شوید
اینکار به سادگی با قابلیت 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
}}
/>
)
}
- فرشته حقیقی 4 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید