lingceng 发表于 2013-1-24 07:11:36

表格分栏的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="[,]"></div>
 */
        conf 中制定button对应显示的列,上面的例子中表示第一个按钮显示0 列 1 列, 第二个按钮显示0列, 2,列, 3列。
 
 
页: [1]
查看完整版本: 表格分栏的jQuery封装