[Ajax4JSF] datatable固定列与固定行？
 |
Mrpublic
2009-11-17
除了用rich:scrollableDataTable 外 可不可以在普通的datatable中实现固定列与固定行 有没有朋友实现过呢 请分享，谢谢
因为 rich:scrollableDataTable 不支分页 所以不能用它 它里面有些功能的确很强大 默认就支持 表头不随滚动条动 frozenColCount 实现左列固定 但 缺点就是不支持分页？ 它是随滚动条拉动而去查数据 |
 |
terryzhou
2009-11-17
CSS可以实现表头(行)固定,列固定暂时没需求..
.tomahawk thead tr{display: block;position: relative;top: expression(this.parentElement.parentElement.parentElement.scrollTop);z-index:0;}
<t:dataTable styleClass="tomahawk"/> 原来用rich:extendedDataTable,后来从tomahawk的直接扩展了个自定义的,rich的表组件实在是慢 |
|
Mrpublic
2009-11-18
哦 十分謝謝哦 you do me a favor indeed ...
|
|
Mrpublic
2009-11-18
terryzhou 写道 CSS可以实现表头(行)固定,列固定暂时没需求..
.tomahawk thead tr{display: block;position: relative;top: expression(this.parentElement.parentElement.parentElement.scrollTop);z-index:0;}
<t:dataTable styleClass="tomahawk"/> 原来用rich:extendedDataTable,后来从tomahawk的直接扩展了个自定义的,rich的表组件实在是慢 用這個方法的確行 但有一個問題是 <div style="overflow: auto; height: 100px; width: 900px;overflow: scroll;"> <rich:dateTable styleClass="tomahawk"> ... 時 這個css不受 div的限制呀？ 當表头的长度超过div的长度时 不受div的限制 有没有解决方法呀？ ps ：谢谢你 用这种方法同样可以用在列上 把scrollTop 改为scrollLeft 就好了 |
|
terryzhou
2009-11-18
??
我这儿如果表头超过DIV宽,应该出现横向滚动条 |
|
terryzhou
2009-11-18
<div style="overflow: auto; height: 100px; width: 100%x;overflow: scroll;">
<rich:dateTable styleClass="tomahawk" width="120%"> It's look fine.. |
|
Mrpublic
2009-11-19
terryzhou 写道 <div style="overflow: auto; height: 100px; width: 100%x;overflow: scroll;">
<rich:dateTable styleClass="tomahawk" width="120%"> It's look fine.. 謝謝 還是不起作用。還是超出了div所管範圍 |
|
Mrpublic
2009-11-19
terryzhou 写道 <div style="overflow: auto; height: 100px; width: 100%x;overflow: scroll;">
<rich:dateTable styleClass="tomahawk" width="120%"> It's look fine.. 謝謝 還是不起作用。還是超出了div所管範圍 |
|
terryzhou
2009-11-20
<t:div style="clear:both;OVERFLOW:auto;width:100%;height:255px;">
<rich:dateTable styleClass="tomahawk" width="120%"> by IE6 |
|
Mrpublic
2009-11-20
terryzhou 写道 <t:div style="clear:both;OVERFLOW:auto;width:100%;height:255px;">
<rich:dateTable styleClass="tomahawk" width="120%"> by IE6 我的是IE7 不是這個的影響哦？？ |
