UltraWebGrid中列固定效果
2016-02-25 15:56
253 查看
有时候UltraWebGrid中的列数太多,屏幕显示不过来,但是滑动滚动条的时候又看不到前面的列
此时需要固定列设置,只需要在需要固定列的<Header Caption="姓名" Fixed="true">这个标签里面添加设置 Fixed属性为true即可
如下代码实现:(后面重复多余的列代码就不贴出)
页面效果:无论怎么滑动滚动条,前三列固定了就不会随滚动条的变化而变化
此时需要固定列设置,只需要在需要固定列的<Header Caption="姓名" Fixed="true">这个标签里面添加设置 Fixed属性为true即可
如下代码实现:(后面重复多余的列代码就不贴出)
<thinker:ScrollPanel ID="ScrollPanel1" runat="server" Width="648px" Height="449px"> <igtbl:UltraWebGrid ID="grdInfoList" runat="server" Height="200px" Width="325px"> <DisplayLayout CellClickActionDefault="Edit" UseFixedHeaders="true"> <ClientSideEvents AfterCellUpdateHandler="AfterCellUpdateHandler" /> </DisplayLayout> <Bands> <igtbl:UltraGridBand> <Columns> <igtbl:UltraGridColumn BaseColumnName="EMP_ID" Width="60px" Key="EMP_ID" Hidden="true"> <Header Caption="员工ID" Fixed="true"> <RowLayoutColumnInfo OriginX="0" OriginY="0" SpanY="1" /> </Header> <CellStyle HorizontalAlign="Center"> </CellStyle> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="EMP_NAME" Width="60px" Key="EMP_NAME"> <Header Caption="姓名" Fixed="true"> <RowLayoutColumnInfo OriginX="0" OriginY="0" SpanY="1" /> </Header> <CellStyle HorizontalAlign="Center"> </CellStyle> </igtbl:UltraGridColumn> <igtbl:UltraGridColumn BaseColumnName="DEPT_NAME" Width="100px" Key="DEPT_NAME"> <Header Caption="所在部门" Fixed="true"> <RowLayoutColumnInfo OriginX="0" OriginY="0" SpanY="1" /> </Header> <CellStyle HorizontalAlign="Center"> </CellStyle> </igtbl:UltraGridColumn>
页面效果:无论怎么滑动滚动条,前三列固定了就不会随滚动条的变化而变化
相关文章推荐
- epoll详解
- mysql中的索引
- BCB使用管道
- CSS3制作各种形状图像(转)
- Python27 with Oracle Sample(Windows OS)
- Java多线程总结
- java 异常处理方式
- yii框架
- 访问控制与继承
- Divide and Conquer
- 遍历Map集合的两种方式
- 《Linux操作系统分析》笔记1
- js 判断object的类型
- Python数据分析Python库介绍(1)
- asp.net 5 (mvc 6) 获取网站的物理路径
- 数据库封装类(坤)
- angularjs的touch事件
- android studio编译项目,9 patch图片报错Crunching Cruncher
- Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果
- @功能 中用到 android EditText插入字符串到光标所在位置