政府机关

固定表头的JS

一)添加全局类
.zdy25 /*自定义固定列标题*/
{
padding:3px 5px 3px 5px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
line-break:strict;
color:#0376B4;
font-size:10pt;
background-color:#D2E2FB;
border:1pt solid #759EDE;
border-left-style:none;
position:relative;
top: expression(this.offsetParent.scrollTop); /*IE5+ only*/
z-index: 1;
}
.zdy26 /*自定义固定行标题*/
{
padding:3px 5px 3px 5px;
text-align:left;
vertical-align:middle;
white-space:nowrap;
line-break:strict;
color:#0376B4;
font-size:10pt;
background-color:#EBF6FA;
border:1pt solid #759EDE;
border-top-style:none;
position:relative;
left: expression(this.offsetParent.scrollLeft); /*IE5+ only*/
z-index: 1;
}
.zdy27 /*自定义固定行标题-合计*/
{
padding:3px 5px 3px 5px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
line-break:strict;
color:#0376B4;
font-size:10pt;
font-weight:bold;
background-color:#EBF6FA;
border:1pt solid #759EDE;
border-top-style:none;
position:relative;
left: expression(this.offsetParent.scrollLeft); /*IE5+ only*/
z-index: 1;
}
.zdy28 /*自定义固定交叉表角*/
{
padding:3px 5px 3px 5px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
line-break:strict;
color:#0376B4;
font-size:10pt;
background-color:#D2E2FB;
border:1pt solid #759EDE;
position:relative;
top: expression(this.offsetParent.scrollTop); /*IE5+ only*/
left: expression(this.offsetParent.scrollLeft); /*IE5+ only*/
z-index: 2;   /*务必大于列标题样式和行标题样式中的值,表示置于顶层的含义*/
}

二)页面布局:



1.在块中插入列表,依次放入数据项。设置块的高度为450.
2.在表格前加入html项目,写入如下:

表格后加入html项目,写入如下:

3.选中列表列标题,设置类为固定表头和固定列表列标题即可。

这两个类也可以写成自定义类。
建新自定义类,然后工具--复制到剪贴-把新建 的类的内容改成上边的就可以了。
参与82

78同行回答

alading111alading111软件开发工程师南航
非常感谢显示全部
非常感谢收起
轨道交通 · 2011-09-16
浏览427
cp123456cp123456项目经理gs
这几个类里有些东西直接加类好像是加不进去的,最好是右键源代码再将其复制进去,只要类添加成功了不应该出现出不来的情况。显示全部
这几个类里有些东西直接加类好像是加不进去的,最好是右键源代码再将其复制进去,只要类添加成功了不应该出现出不来的情况。收起
软件开发 · 2011-09-16
浏览435
hellojimhellojim软件开发工程师WWW.SUNING.COM
这一招好象在 cognos 10.1 上不行啊?不信你们试试显示全部
这一招好象在 cognos 10.1 上不行啊?不信你们试试收起
互联网服务 · 2011-09-15
浏览420
barneybarney数据库开发工程师四川华南信息
我都实验不成功,在选择类的时候没有新加的那几个,不知道是什么原因显示全部
我都实验不成功,在选择类的时候没有新加的那几个,不知道是什么原因收起
软件开发 · 2011-09-15
浏览417
zhonghanquanzhonghanquan业务部门经理信和汇诚
学习学习,谢谢楼主分享!显示全部
学习学习,谢谢楼主分享!收起
互联网服务 · 2011-09-15
浏览385
beijingbeijing工程师beijing
谢谢,太需要这些了显示全部
谢谢,太需要这些了收起
IT分销/经销 · 2011-09-15
浏览406
chxizichxizi软件开发工程师pansky
支持原创,东西不错:lol显示全部
支持原创,东西不错:lol收起
互联网服务 · 2011-09-13
浏览418
林怡彤林怡彤工程师恒生
谢谢楼主的无私奉献,求效果图。。。显示全部
谢谢楼主的无私奉献,求效果图。。。收起
金融其它 · 2011-09-13
浏览408
ququ_0811ququ_0811软件开发工程师yonyou
支持原创,整点积分,感谢楼主分享显示全部
支持原创,整点积分,感谢楼主分享收起
互联网服务 · 2011-09-12
浏览435
dfp900904qqdfp900904qq数据分析工程师中讯
立马学起来!显示全部
立马学起来!收起
电信设备制造商 · 2011-09-08
浏览416

提问者

慕名而来
软件开发工程师中科软
擅长领域: 大数据商业智能cognos

问题状态

  • 发布时间:2011-09-05
  • 关注会员:4 人
  • 问题浏览:36034
  • 最近回答:2017-11-13
  • X社区推广