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）。
“点数”	排序标点符号；默认值忽略标点符号。

发展：

如果您想贡献，可以在此处找到安装说明。