table sort js

Table-Sort-Js.

• Deskripsi: Perpustakaan Penyortiran Tabel HTML Dengan Sort Sort Jenis Inference Builtin dan Browser Extension Tersedia. #Vanillejs

• Demo

• Dokumentasi. (Bekerja sedang berlangsung)

• Paket NPM. dan jsdelivr

• Ekstensi Browser Firefox dan Chrome: Tabel dari situs web mana pun yang Anda kunjungi menjadi sortir!

Instal Instruksi.

• Opsi 1 : Muat sebagai skrip dari jaringan pengiriman konten (CDN):

 < script src = "https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.min.js" > </ script >

Atau versi non-minified (ukuran yang lebih besar, tetapi lebih mudah untuk debug!):

 < script src = "https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.js" > </ script >

Contoh tentang cara menggunakan tabel-sort-js dengan html

• Opsi 2: Instal dari NPM:

 npm install table - sort - js 

 import tableSort from "table-sort-js/table-sort.js" ;

Contoh tentang penggunaan meja-sort-js dengan kerangka kerja frontend seperti react.js dan vue.js

Untuk membuat tabel dapat diurutkan:

• Tambahkan class="table-sort" ke tag HTML <able>.
• Klik tajuk tabel untuk mengurutkan kolom.

Kelas:

Kelas <able>	Keterangan
"SPORT TABLE"	Buat meja dapat diurutkan! (Kata -kata, angka, tanggal, ukuran file) ...
"Table-Arrows"	Tampilkan panah naik atau turun. Mendukung panah khusus; Misalnya: "Table-Arrows-⇈⇋⇊"
"No-Class-Infer"	Matikan inferensi untuk menambahkan kelas sortir secara otomatis misalnya (file-sort-sort, tanggal-dmy-sort), dll.
"Remember-Sort"	Jika mengklik kolom yang berbeda mengingat semacam kolom asli.
"Sel-Sort"	mengurutkan sel (TD) daripada baris tabel (TR); Berguna untuk menjaga baris tabel dengan kelas/atribut di tempat.

<t th> kelas	Keterangan
"data-sort"	Urutkan berdasarkan atribut data, misalnya <td data-sort = "42">. Berguna untuk melakukan jenis khusus.
"Tanggal-Mdy-Sort"	Sorts Tanggal dalam format gaya AS MM/DD/YYYY;. misalnya (12/28/2023). Dapat menggunakan "/" atau "-" sebagai pemisah. Overides menyimpulkan kelas "Tanggal-DMy-Sort".
"Onload-Sort"	Urutkan kolom pada pemuatan halaman. Mensimulasikan klik dari pengguna. (hanya bisa mengurutkan onload untuk satu kolom)
"Nonaktifkan-Sort"	Larang menyortir tabel berdasarkan kolom khusus ini.

<t th> kelas yang disimpulkan.	Keterangan
"Numeric-Sort"	Sortir angka termasuk desimal - positif, negatif (baik dalam representasi minus dan tanda kurung).
	Mendukung mata uang umum misalnya ($ £ € ¥) dan tanda persentase misalnya (0,39%)
"Tanggal-DMy-Sort"	Urutan tanggal dalam format DD/mm/yyyy. misalnya (18/10/1995). Dapat menggunakan "/" atau "-" sebagai pemisah.
"Tanggal-Hymd-Sort"	Sortir tanggal dalam format ISO 8601 yyyy/mm/dd. misalnya (2021/10/28). Gunakan "/" atau "-" sebagai pemisah.
"File-size-sort"	Usur Ukuran File (B-> TIB) menggunakan awalan biner. (misalnya 10 b, 100 kib, 1 mib); Ruang opsional antara angka dan awalan.
"runtime-sort"	Urutkan runtime dalam beberapa menit dan detik misalnya (10 jam 1m 20s). Berguna untuk mengurutkan kolom waktu menjalankan tindakan github ...

<TH> Kelas yang mengubah default.	Keterangan
"Order-by-Desc"	Pesan dengan turun pada klik pertama. (default adalah aescending)
"Alpha-Sort"	Urutkan abjad (Z11, Z2); Default adalah Sort Natural (Z2, Z11).
"Punct-Sort"	Sortir tanda baca; Default mengabaikan tanda baca.

Perkembangan:

Jika Anda ingin berkontribusi, instal instruksi dapat ditemukan di sini.