7:26
Datatable Dengan Laravel Inertia
7 Episodes

Sorting

Eps. 6 7:26Pro

Irsyad A. Panjaitan

1 tahun yang lalu·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

1 tahun yang lalu·Edited

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

1 tahun yang lalu

Do not worry. Coba ganti ini.

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

HASAN

11 bulan yang lalu·edited

Oops..

HASAN

10 bulan yang lalu

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

10 bulan yang lalu·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

10 bulan yang lalu

mantapp bang

Login untuk berkomentar