像Excel一样冻结HTML表格的表头-博计报表让你更方便

报表很大,看的时候就需要滚动条了,但是一滚整个报表都动了,表头也看不到了,这看着就太麻烦了,老要来回来去地拖上拖下拖左拖右。
Excel想到了这个问题,提供了冻结窗格的功能,可以把上边或左边的几列固定下来,这样,再怎么滚动表头总是不动,就不会看走眼了。
可惜的是,在WEB上的HTML表格却没直接提供这个功能,它的TABLE只能整个地滚。怎么能做出象Excel那样冻结表头的效果呢?

简单的想法,是把表格人为地分为上下两块,上半截表头不动,下半截表体自己滚动,这不就完了吗?看起来也不算多麻烦了。
可别高兴得太早,这仅仅解决了上边的表头,如果我们足够不幸的话,会碰到即长且宽的表格(概率不小),这时还需要有个左表头。分两块显然不够了,那分四块行吗?左上角一小块不同的,其右边是上表头,下边是左表头,右下部分是表体。
事还没算完,这几块之间还会有关联。比如表体横向滚动时,需要让上表头跟着一起滚动,否则上下就错位了;同样,纵向滚动时左表头也要与表体同步。这就还要写一堆JS代码让这几片表格一起滚动。
哎,可麻烦死了。

不幸中的一幸,采用了博计报表,这事就轻松多了,只要两步:
1、在设计报表时将需要冻结的行和列选中,设为表头行和表头列。
2、在发布报表时的tag属性中设置needScroll=”yes”,还可以用scrollWidth和scrollHeight设置滚动区域的大小。
上面说的麻烦事都被博计报表做完了。
看一下效果:

090305001

090305002

引自:.net报表工具
相关文章: 利用内建数据集方便地进行快逸报表调试 ; Web报表的打印方案选择适合自己的Web报表工具指南快逸报表类EXCEL的高效报表设web报表的扩展功能
其他相关内容: 润乾商业智能解决方案商业智能BI联盟 ; Java报表 ; 报表工具

原文地址:像Excel一样冻结HTML表格的表头-博计报表让你更方便

分类:报表应用 — hewei @ 2009/03/21 阅读:0

5条评论 »

  1. [...] 相关文章:五种主流web报表工具的功能对比:输出方式 ; 像Excel一样冻结HTML表格的表头-博计报表让你更方便 ; 用多源关联分片解决复杂报表难题 ; Web报表软件的集成方案 [...]

    通告 作者: .NET报表设计技巧:合并格的分页 | 博计报表↓专注于提升.net报表项目的开发效率 — 2009-03-27 @ 18:51

  2. [...] 相关文章:五种主流web报表工具的功能对比:输出方式 ; 像Excel一样冻结HTML表格的表头-博计报表让你更方便 ; 用多源关联分片解决复杂报表难题 ; Web报表软件的集成方案 [...]

    通告 作者: .NET报表设计技巧:合并格的分页 | A-web报表 — 2009-04-22 @ 12:18

  3. [...] 相关文章:五种主流web报表工具的功能对比:输出方式 ; 像Excel一样冻结HTML表格的表头-博计报表让你更方便 ; 用多源关联分片解决复杂报表难题 ; Web报表软件的集成方案 [...]

    通告 作者: .NET报表设计技巧:合并格的分页 | 报表工具博客-ibaobiao — 2009-04-29 @ 11:59

  4. [...] ; .NET Web报表填报的合法性检查 ; 象Excel一样冻结Html表格的表头-博计报表让你更方便 ; 利用内建数据集方便地进行博计报表调试 [...]

    通告 作者: 用博计实现数据来去无关 | 报表工具博客-ibaobiao — 2009-07-15 @ 08:53

  5. [...] ; .NET Web报表填报的合法性检查 ; 象Excel一样冻结Html表格的表头-博计报表让你更方便 ; 利用内建数据集方便地进行博计报表调试 [...]

    通告 作者: 用博计实现数据来去无关 | A-web报表 — 2009-07-17 @ 08:13

评论 RSS Feed。 TrackBack URI

发表评论