gridmanager的使用

gridmanager是什么？

gridmanager是一个纯原生javascript实现，不依赖任何框架表格工具，该工具制作的表格比传统的HTML制作的表格更加漂亮，且功能更加强大。

gridmanager有哪些强大的功能

 宽度调整: 表格的列宽度可进行拖拽式调整-

列位置更换: 表格的列位置进行拖拽式调整顺序-

配置列显示隐藏: 可通过配置对列进行显示与隐藏转换-

表头吸顶: 在表存在可视区域的情况下,表头将一直存在于顶部-

分页: 表格支持ajax分页,包含选择每页显示总条数和跳转至指定页功能-

用户偏好记忆: 记住用户行为,含用户调整的列宽、列顺序、列可视状态及每页显示条数-

行序号: 自动生成每行序号列-

行全选: 自动生成行全选列-

数据导出: 当前页数据导出,仅针对已选中的数据进行导出-

右键菜单: 常用功能在菜单中可进行快捷操作

过滤: 通过对列进行过滤达到快速搜索效果- …...

怎样使用该工具？

1.进入官网：GridManager - 极简的代码实现多态的表格

2.点击Demo演示

 3.里面有很多表格，选择你想要得表格，然后点击JavaScriptCode,

 4.点击之后就会弹出该界面，复制里面的代码到前端（你要展示的页面），放在写js代码的模块中，让其在页面加载时加载该代码。其中key值与传过来的参数名相匹配，如果相同就把参数名对应的值赋值显示到该列，text对应的是列名。key和text都是根据自己设置的。table-demo-ajaxPageCode对应的是table标签的id,表示该段代码是对那个表操作。ajaxDate表示路径。ajaxType异步请求方式（常见的有post，get两种）。supporAjaxPage表示该表是否支持异步请求，true表示支持。