政府机关

固定表头的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同行回答

闲人在家闲人在家软件开发工程师work
这个方法很好,但是火狐不支持expression,有没有其它JS方法可以替代的显示全部

这个方法很好,但是火狐不支持expression,有没有其它JS方法可以替代的

收起
软件开发 · 2017-11-13
浏览1590
buxiangdengdaibuxiangdengdai网站架构师善为投资
求效果图~显示全部
求效果图~收起
互联网服务 · 2014-08-30
浏览1581
biqinyuhebiqinyuhe商业智能工程师IBM
这个CSS怎么能起到固定行呢,好奇怪,没看到固定行的方法。显示全部
这个CSS怎么能起到固定行呢,好奇怪,没看到固定行的方法。收起
银行 · 2014-06-27
浏览1603
biqinyuhebiqinyuhe商业智能工程师IBM
我用cognos10.1,加了这些后,没有出现任何类,求解。显示全部
我用cognos10.1,加了这些后,没有出现任何类,求解。收起
银行 · 2014-06-25
浏览1598
薛周毅Who-Knows薛周毅Who-Knows数据仓库工程师数据
感谢LZ分享显示全部
感谢LZ分享收起
IT咨询服务 · 2014-06-23
浏览1600
bing1212bing1212软件开发工程师cas
对报表进行行固定后,发现行和行的内容无法对齐,如图:有哪位高手知道如何微调显示全部
对报表进行行固定后,发现行和行的内容无法对齐,如图:

无标题.png


有哪位高手知道如何微调收起
软件开发 · 2014-02-17
浏览1632
yijichangkongyijichangkong软件开发工程师中国平安
类的固定表头和固定列表列标题 是什么啊?哪里有类选项??为什么我试验不了:'(显示全部
类的固定表头和固定列表列标题 是什么啊?哪里有类选项??为什么我试验不了:'(收起
互联网服务 · 2013-09-26
浏览1629
tjwcjtjwcj软件实施顾问飞创
好东西,多谢楼主分享显示全部
好东西,多谢楼主分享收起
软件开发 · 2013-09-26
浏览1581
活跃的永不言悔活跃的永不言悔软件架构设计师中软国际
回复 61# tanyufeng    亲,在吗?帮我解决一下啊!显示全部
回复 61# tanyufeng


   亲,在吗?帮我解决一下啊!收起
互联网服务 · 2013-09-22
浏览1593
活跃的永不言悔活跃的永不言悔软件架构设计师中软国际
回复 61# tanyufeng     亲!我的是C10,为什么起不了作用啊!你是怎么弄得啊?求指教啊!显示全部
回复 61# tanyufeng


    亲!我的是C10,为什么起不了作用啊!你是怎么弄得啊?求指教啊!收起
互联网服务 · 2013-09-22
浏览1574

提问者

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

问题状态

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