table sort js

桌子 - js。

• 描述：HTML表格分類庫，具有類型的推定套裝和瀏覽器擴展名。 #vanillajs

• 演示

• 文件. （正在進行的工作）

• NPM軟件包。和Jsdelivr

• Firefox和Chrome瀏覽器擴展：您訪問的任何網站的表都可以分類！

安裝說明。

• 選項1 ：從內容交付網絡（CDN）加載為腳本：

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

或非固定版本（尺寸較大，但更易於調試！）：

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

有關如何使用html使用table-sort-j的示例

• 選項2：從NPM安裝：

 npm install table - sort - js 

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

使用table-sort-j與前端框架（例如react.js和vue.js）的示例

使表可分類：

• 將class="table-sort"添加到html <table>標籤。
• 單擊表標頭以對列進行排序。

課程：

<table>類

描述

“桌子”

使表可排序！ （單詞，數字，日期，文件大小）...

“桌箭頭”

顯示上升或下降箭頭。支持自定義箭頭；例如：“ table-arrows-⇈⇋⇊”

“不班級”

關閉添加排序類的推理自動（例如，文件大小，dites-dmy-sort），等等。

“記住跑”

如果單擊不同的列，請記住原始列。

“細胞 - 分類”

排序單元格（TD），而不是表行（TR）；對於將表行與上課/屬性保持在適當的位置有用。

<th>課	描述
“數據選項”	按數據屬性排序，例如<td data-sort =“ 42”>。對於進行自定義類型有用。
“日期很糟糕”	以美國樣式MM/DD/YYYY格式處日期；例如（12/28/2023）。可以使用“/”或“”作為分離器。過度推斷的“日期dmy-sort”類。
“ Onload-Sort”	對頁面加載的列進行排序。模擬用戶的點擊。 （只能對一列排序）
“禁用跑道”	禁止通過此特定列對錶進行排序。

<th>推斷的類。	描述
“數字 - 分數”	等數字在內的數字包括小數 - 正，負（在負和括號表示中）。
	支持普通貨幣（例如$£€¥）和百分比標誌（例如0.39％）
“日期dmy-sort”	DD/mm/yyyy格式的日期。例如（1995年10月10日）。可以使用“/”或“”作為分離器。
“日期符號”	ISO 8601 yyyy/mm/dd格式的日期。例如（2021/10/28）。使用“/”或“ - ”作為分離器。
“文件尺寸”	各種文件大小（b-> tib）使用二進制前綴。 （例如10 B，100 KIB，1 MIB）;數字和前綴之間的可選空間。
“運行時跑”	在幾小時的幾分鐘和秒內（例如10H 1m 20s）中的運行時間。對於分類GitHub操作運行時間列...有用...

<th>更改默認值的類。	描述
“按DESC訂購”	首次點擊訂購。 （默認為eScending）
“ alpha-sort”	按字母順序排序（Z11，Z2）;默認值是自然的（Z2，Z11）。
“點數”	排序標點符號；默認值忽略標點符號。

發展：

如果您想貢獻，可以在此處找到安裝說明。