Datatable Dengan Laravel Inertia
7 Episodes
SortingEps. 6 7:26Pro
Irsyad A. Panjaitan

Irsyad A. Panjaitan

9 months ago·edited

By default icon akan muncul walaupun kita tidak sorting. Nah jika kalian tidak ingin by default dia ada, bisa di check sebelum conditional terjadi.

<div className="cursor-pointer flex items-center gap-x-2" onClick={() => sort('email')}>
    Email
    { params.field == "email" && params.direction == "asc" && <svg className="w-5 h-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clipRule="evenodd" /></svg> }
    { params.field == "email" && params.direction == "desc" && <svg className="w-5 h-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" /></svg> }
</div>

Kemudian lakukan untuk semua field yang ingin di sort, seperti name, username, dll.

Alfian Naufal

Alfian Naufal

9 months ago·Edited

Bang,
Di searching masih ada bug, Saat hasil pencarian ada 2 page atau lebih.

Saat mau pergi ke page 2 gk bisa, karena di set kalo ada pencarian selalu pergi ke page 1, jd gk bisa pergi ke page 2.

page: query.q ? 1 : query.page     
Irsyad A. Panjaitan

Irsyad A. Panjaitan

9 months ago

Do not worry. Coba ganti ini.

Inertia.get(
    route('url',
    pickBy({...query, page: query.q ? 1 : query.page}),
    { only: ['users'], preserveState: true }
);
HASAN

HASAN

8 months ago·edited

Oops..

HASAN

HASAN

7 months ago

iya bang ketika hasil search lebih dari 1 page ga bisa di klik pagination nya. sudah coba cara di atas masih blm working

Irsyad A. Panjaitan

Irsyad A. Panjaitan

7 months ago·Edited

Ya, karena ketika ada keyword, dia akan kembali ke page 1, tapi yaudalah, gak masalah. Nanti juga dibahas diseri Membangun Forum Dengan TDD. Karena disitu kita ada search dengan pagination juga.

HASAN

HASAN

7 months ago

mantapp bang

Login untuk berkomentar