EN

Search
Close this search box.

موستانگ، وحشیِ دوست داشتنی

پاسخ داده شد
0
0

جستجو در جدول و فیلترینگ در react با استفاه از materia-table چگونه انجام می شود؟

 

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

اینکار به سادگی با قابلیت 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
      }}
    />
  )
}
  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت