`

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

 

 

  • 大小: 4.4 KB
  • 大小: 9.2 KB
分享到:
评论

相关推荐

    WPS表格和Excel分栏

    word中有分栏功能大家都知道,工作中需要对excel的海量数据进行分栏,百度经验里提供了一种手工操作方式不适用海量数据,于是自己动手开发,用C#调用office接口实现了该功能,后来又需要在wps表格中实现该功能,略做...

    利用jQuery实现多选,分栏比较

    本教程将围绕“利用jQuery实现多选,分栏比较”这一主题展开,结合Bootstrap的select组件,来创建一个既实用又美观的多选下拉菜单。 首先,我们需要理解jQuery的选择器和方法。jQuery选择器类似于CSS选择器,可以...

    WPS表格分栏打印电子表格您也行.docx

    在使用WPS表格或者Excel处理日常工作时,有时我们需要将大篇幅的电子表格进行分栏打印,以便于阅读和管理。下面将详细讲解如何在WPS表格中进行分栏打印,以实现更高效的打印效果。 首先,对于含有函数计算的数据,...

    Excel函数实现列数较少表格分栏打印.docx

    Excel 函数实现列数较少表格分栏打印 在实际工作中,我们经常需要打印一些列数较少的表格,例如单科成绩表、调资清单、施工员年检名单、产品代码表等等。这些表格通常只有少数几列,例如序号、姓名和证号等。在直接...

    Excel 分栏, 像Word一样分栏, 排版

    “多排表工具”是用Excel vba 开发的加载宏,是用来解决行数多而列数少表格的实用工具,采用类似于Word及Wps的“分栏”功能,既能使版面更加美观、协调,又能节约大量纸张,具有操作简单、灵活,功能强大、实用的...

    GridPrint 表格分栏打印控件 V1.3.0

    这是一款完美解决VB中MSHFlexGrid/MSFlexGrid/VSFlexGrid/DataGrid等表格组件打印输出功能的专门控件。具备优良、灵活、易用的属性设置和方法调用,除提供打印和打印预览等基础功能外,还提供了类OFFICE软件操作的...

    Extjs 登录 分栏菜单

    实现了 登录 动态分栏菜单 实现了 登录 动态分栏菜单实现了 登录 动态分栏菜单实现了 登录 动态分栏菜单实现了 登录 动态分栏菜单实现了 登录 动态分栏菜单实现了 登录 动态分栏菜单实现了 登录 动态分栏菜单

    金山WPS文档窄表格分栏的两种巧妙方法.docx

    1. 对于熟悉金山表格函数的用户,可以直接在原表格中完成分栏操作。 2. 例如,要将表格分为三栏,首先计算数据行数的三分之一,然后使用OFFSET函数和IF函数在E2、F2和G2单元格依次引用前三分之一的数据,调整公式中...

    Excel表格分栏打印输出的两种巧妙方法

    21世纪人才最珍贵的就是能力素质,我们为你提供了最实用Excel表格分栏打印输出的两种巧妙方法,欢迎大家...该文档为Excel表格分栏打印输出的两种巧妙方法,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以...

    如何制作分栏式报表

    同时,对于包含图片、图表或长表格的内容,可能需要单独处理,避免因分栏导致的版面混乱。 总之,制作分栏式报表是提升文档美观度和阅读效率的有效手段。通过熟练掌握Style Report或其他报表软件的分栏功能,你可以...

    功能强大的tab分栏切换jquery插件mbTabset.zip

    《深入解析jQuery mbTabset插件:打造高效前端分栏切换功能》 在现代网页设计中,用户界面的交互性和易用性至关重要。jQuery作为一款广泛使用的JavaScript库,提供了丰富的功能来增强网页的动态效果和用户体验。...

    分栏程序,能实现分栏并计数

    本程序的重点是实现分栏功能的同时还能进行计数,这在处理大量数据或列表时非常实用,例如统计文章段落、表格列数等。 首先,我们要理解分栏的基本概念。在文本编辑器或排版软件中,分栏通常是通过设置页面布局来...

    div+css+jquery左右分栏可收缩仿框架

    综上所述,这个"div+css+jquery左右分栏可收缩仿框架"是一个结合了现代前端技术,注重响应式设计和交互性的网页布局解决方案。它通过简单的HTML结构、CSS布局和jQuery交互,为开发者提供了一种快速构建左右分栏页面...

    窗体分栏,上下分栏框架的VC++源码

    在VC++编程环境中,开发GUI(图形用户界面)应用程序时,常常需要实现各种窗口布局,如窗体分栏,上下分栏框架等。这样的布局设计能够优化用户界面,提高用户体验,便于用户同时处理多个任务或者查看不同的信息。MFC...

    WPS表格中如何进行分栏打印.docx

    ### WPS表格中如何进行分栏打印 在日常办公中,我们经常需要使用WPS表格来整理和处理数据。当需要将制作好的表格打印出来时,可能会遇到只想要打印其中一部分数据的情况。这时,就需要使用到WPS表格中的分栏打印...

    jquery 左右选择插件

    **jQuery 左右选择插件**是一种常用的前端开发工具,用于构建用户界面,特别是涉及到多选功能时。这种插件通常包含两个独立的部分,一个在左边显示可选项,另一个在右边展示已选选项,用户可以通过交互(如点击或...

    一个精美的分栏特效.zip

    在这个案例中,重点可能是通过JavaScript实现的表格或图层的交互式分栏特效。以下是对这一主题的详细说明: 1. **分栏布局**:分栏布局是网页设计中的基本元素,用于将页面内容划分为多个独立的区域,每个区域(或...

    关于分栏问题的解决 文本分栏问题

    3)分栏、编号(读出源文件对文件进行分栏、编号排版显示在屏幕上); 4)保存(将新分栏排版后的文档用目标文件名保存)。 2、最终要求: 1)以菜单形式提示每页栏数、每行、每栏横向字符数、每页行数及每页上下留空行...

Global site tag (gtag.js) - Google Analytics