表格分栏的jQuery封装
??? 系统中使用displaytag显示表格,displaytag可以自动分页,但是,如果表格字段过多便不好处理了。封装了一个基于jQuery的表格分栏js,只需两步配置便可以轻松分栏显示。js会根据配置自动生成滚动浏览的按钮。
? ? ?scroll_table_columns.js中还加入了cookie使用,可以保持按钮的选中状态。
?
使用方式:
step1:
引入?scroll_table_columns.js
step2:
在页面中加入如下格式的div
?
/**
?* id ?the button div id, fixed
?* ref the referenced table?
?* conf columns to show
?* <div id="scroll_table_div" ref="#magic" conf="[[0, 1],[0, 2, 3]]"></div>
?*/
? ? ? ? conf 中制定button对应显示的列,上面的例子中表示第一个按钮显示0 列 1 列, 第二个按钮显示0列, 2,列, 3列。
?
?