表格分栏的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列。

 

 

你可能感兴趣的:(jquery)