Urutkan baris tabel di Bootstrap [tertutup]


104

Bisakah seseorang menunjukkan kepada saya contoh kode yang harus saya gunakan untuk mengurutkan kolom tabel di Bootstrap?

Misalnya, jika saya ingin mengurutkan berdasarkan harga, atau nama.


2
Saya tidak berpikir itu mungkin dalam bentuk html+ murni bootstrap, Anda mungkin memerlukan plugin atau kustom js. Adakah upaya untuk mencari solusinya?
Deja Vu

wenzhixin.net.cn/p/bootstrap-table/docs/examples.html . Tautan ini memiliki contoh tabel pengurutan dengan kode. Namun, ini tidak kompatibel dengan versi bootstrap yang baru. Saya berharap seseorang memiliki kode contoh yang lebih baru yang dapat mereka bagikan.
PiccolMan

Jawaban:


176

Contoh ini diminimalkan karena StackOverflow memiliki batas karakter maksimum dan link ke kode eksternal tidak disarankan karena link dapat rusak.

Ada beberapa plugin jika Anda melihat: Bootstrap Sortable , Bootstrap Table atau DataTables .

Bootstrap 3 dengan DataTables Contoh: Bootstrap Docs & DataTables Docs

Bootstrap 4 dengan DataTables Contoh: Bootstrap Docs & DataTables Docs

Bootstrap 3 dengan Tabel Bootstrap Contoh: Bootstrap Docs & Bootstrap Table Docs

Bootstrap 3 dengan Bootstrap Sortable Contoh: Bootstrap Docs & Bootstrap Sortable Docs


Menarik. Saya telah melihat pencegahan default, tetapi saya tidak terbiasa dengan propagasi berhenti. stackoverflow.com/questions/5963669/…
Greg

Jawaban ini membuat hari saya menyenangkan. Terima kasih!. Namun satu poin, jika seseorang ingin mereplikasi hal di atas, mereka harus menyalin kode dari cuplikan kode alih-alih pergi ke tautan Bootstrap Docskarena tautan menyebutkan pustaka bootstrap yang salah.
Jarvis

1
Saya sangat suka bootstrap-sortable dari drvic10k. Sederhana dan kecil.
Dunfield

2
Apa gunanya meletakkan cuplikan dengan kode yang diperkecil / dikaburkan? Oke, ini dalam satu baris, bagus, tetapi sama sekali tidak dapat dibaca, dan tidak membantu.
Matthieu Charbonnier

@MatthieuCharbonnier Cukup sederhana, ada / di mana batas ukuran untuk apa yang dapat Anda posting sehingga tanpa mengecilkan contoh-contoh ini mereka tidak dapat ditambahkan (sebagian besar adalah data tabel dasar). Salin & tempel ke editor, format ... usaha minimal.
vanburen
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.