表格排序 - tablesort

编号 排序类型
数字 字母 日期
1 3 c 2022年10月01日
2 1 d 2022年05月01日
3 2 b 2023年10月01日
4 5 e 2022年10月30日
5 8 a 2022年07月15日
6 4 f 2022年08月15日

$(".table-container table").tablesort();

调用方法:

$(selector).tablesort(options,callback(api));

options参数

参数 默认值 说明
sortCls 'sortabled' 排序th的class
ascCls 'sort-asc' 升序排序时的class
descCls 'sort-desc' 降序排序时的class
activeCls 'active' 单元格排序时的class
activeCls 'active' 导航选中时的class
firstSort 'asc' 第一次排序时默认排序方式
onSortEnd function(index,type){} 排序完成后调用

callback(api)参数

方法 说明
sortByIndex(index,type) 重新出发排序

AltStyle によって変換されたページ (->オリジナル) /