GridManager 是一款功能强大的表格,纯原生js实现,真的很简便很好用,API 文档也很清晰。
下面是一个截图的例子
实现功能
-
宽度调整: 表格的列宽度可进行拖拽式调整
-
位置更换: 表格的列位置进行拖拽式调整
-
配置列: 可通过配置对列进行显示隐藏转换
-
表头吸顶: 在表存在可视区域的情况下,表头将一直存在于顶部
-
排序: 表格单项排序或组合排序
-
分页: 表格ajax分页,包含选择每页显示总条数和跳转至指定页功能
-
用户偏好记忆: 记住用户行为,含用户调整的列宽、列顺序、列可视状态及每页显示条数
-
序号: 自动生成序号列
-
全选: 自动生成全选列
-
导出: 当前页数据下载,和仅针对已选中的表格下载
-
右键菜单: 常用功能在菜单中可进行快捷操作
-
过滤: 通过对列进行过滤达到快速搜索效果
Demo
相关链接
- GridManager by Vue
- GridManager by Angular1.x
- GridManager by React
- JTool : javascript轻量类库
- Jeasy : javascript轻量工具包,包含开发中的一些常用公共方法。