原生JS制作数据表格点击表头分类排序带分页表格排序

 更新 2020-09-01 浏览 908次

原生JS制作数据表格点击表头分类排序带分页表格排序
描述:1. 实现表格的列排序功能(点击表头,切换该列升降序),也可以指定哪一列不排序;2. 实现当前排序列高亮显示;3. 实现表格奇偶行不同颜色,即换行变色;4. 实现表格分页功能,可指定是否开启分页功能及每页行数;5. 排序数据支持数据类型自动识别(这点很强大)。例如:整型数据、浮点型数据、字母、电话号码、日期、链接6. 表格外观样式可通过CSS灵活定制7. 所需要引用的js文件非常小巧,压缩版仅2.5k8. 使用非常简单,可进行参数配置
文件目录结构
  • ┝ script.js
  • ┝ www.zzsucai.com.txt
  • ┝ ┬δ░∩╓≈.url
  • ┝ index.html
  • ┝ style.css
  • images
      • ┝ last.gif
      • ┝ first.gif
      • ┝ header-selected-bg.gif
      • ┝ header-bg.gif
      • ┝ previous.gif
      • ┝ sort.gif
      • ┝ next.gif
      • ┝ bg.gif
      • ┝ asc.gif
      • ┝ desc.gif
展开查看全部
排序分页表格
相关内容