ایجاد بخش فیلتر و مرتب سازی روی داده ها
سلام دوستان. من یه سری داده دارم که از دیتابیس خوندم و توی blade به شکل یه جدول نمایششون میدم. حالا میخوام این داده ها قابلیت search و sort و فیلتر بر اساس یه مورد خاص رو داشته باشند مثلا بر اساس نام که توی ستون اول جدول نمایش داده میشه قابل فیلتر باشه یا بر اساس تاریخ و ... قابل sort باشه. یه چیزی تقریبا شبیه به بخش فیلتر مقالات همین وبسایت ولی پیشرفته تر. چطور میتونم اینکارو انجام بدم؟
اگر کسی بتونه راهنمایی کنه یا لینک یه صفحه آموزش رو بفرسته ممنون میشم.
@hesammousavi
پاسخها
5
به همچین ابزارهایی DataTables میگن.
و شما چند تا گزینه دارید:
- https://www.npmjs.com/package/vuejs-datatable (نسخه وابسته به ویو جیاِس)
- https://www.npmjs.com/package/react-redux-datatable (نسخه وابسته به ریاکت جیاِس)
- https://datatables.net (نسخه وابسته به جیکوئری)
- https://mdbootstrap.com/docs/jquery/tables/datatables/ (نسخه بوتاسترپ)
- https://material.io/design/components/data-tables.html (نسخه متریال)
@smartgarden2016
من بهتون پیشنهاد میدم از Datatable استفاده کنید
همه این کارای که شما می خواید رو داره،
می تونید اطلاعات رو به هر شکلی که می خواید filter یا sort کنید
@a.hassanshahi74
@ali.bayat
ممنونم دوستان. و اگر بخوام یه چیزی بشه مثل بخش فیلتر مقالات همین سایت (راکت) که ظاهرا دوباره روی دیتابیس کوئری میزنه چطور باید انجام بدم ؟
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@smartgarden2016
از طریق کوئریاسترینگ نوع فیلتر هارو مشخص میکنیم
و خیلی ساده با الکوئنت میتونین کوئریهای این فیلترها رو بوجود بیارید.
مثلا برای جدیدترین ها:
$latestArticles = Article::latest()->get();قدیمیترین ها:
$oldestArticles = Article::oldest()->get();پربازدیدترین ها:
$mostVisited = Article::orderBy('views_count', 'desc')->get();سلام دوستان
من دارم از DataTabel در پروژه ام استفاده میکنم. حالا میخوام که جدول بر اساس میانگین داده ها مرتب بشه(این میانگین رو در خود blade محاسبه میکنم).
میشه راهنمایی کنید که چطور میشه این کار رو انچام داد