原生JavaScript表格自动排序插件
原生 JS 的表格排序插件,真的是前端里比较实用的小工具了。不用依赖 jQuery,也不靠第三方库,轻量又高效,适合想保持项目干净整洁的你。
思路其实挺简单:点击表头,拿到那一列的数据,用内置的 sort
方法排个序,再把排好的行重新插进 DOM。响应也快,代码也清爽。
升序、降序的切换,就靠一个布尔变量搞定,每点一下就翻转一次。要注意的是,更新 DOM 的时候别一行一行插,先排序好,再一起更新,性能会更稳。
像管理后台、报表页、数据列表这些场景,用它就挺合适的。你还可以按自己项目的 UI 风格去定制,不受框架约束,集成也方便。
如果你刚好有表格排序的需求,不妨看看这几个资源,都是干货:
想写个小插件练练手也挺不错,顺便把 DOM 操作、事件监听、数组排序这些都过一遍。
下载地址
用户评论