flex中datagrid列滚动锁定

简介: 原文http://www.cnblogs.com/80hou/articles/1856640.html 熟悉excel的人应该都知道表格中可以将比如标题行/列锁定,使其不滚动,从而便于浏览。flex的datagrid控件也可以实现这样的效果。

原文http://www.cnblogs.com/80hou/articles/1856640.html

 

熟悉excel的人应该都知道表格中可以将比如标题行/锁定,使其不滚动,从而便于浏览。flexdatagrid控件也可以实现这样的效果。接下来的例子演示了flex中如何锁定横向滚动datagrid控件的。demo中name锁定

 

 

代码
复制代码
 
    

    <mx:DataGrid horizontalScrollPolicy="on" lockedColumnCount="3" x="33" y="108" width="600" height="500"
                 dataProvider="{model.dataArray}"
                 >
        <mx:columns>
            <mx:DataGridColumn headerText="标签" dataField="Label" width="100"/>
            <mx:DataGridColumn headerText="值" dataField="Value" width="100"/>

</mx:columns> 
            <s:dataProvider>
             <fx: Object Label="日" Value="D"/>
                    <fx: Object Label="月" Value="M"/>
                        <fx: Object Label="季" Value="Q"/>
                            <fx: Object Label="年" Value="N"/>    
        </s:dataProvider> 
    </mx:datagrid>


复制代码

其中最重要的属性就是 lockedcolumncount ,控制锁定列的数

 

 

目录
相关文章
|
7月前
|
前端开发 API
解决el-table中横向滚动条无法显示的问题
解决el-table中横向滚动条无法显示的问题
878 0
|
4月前
|
前端开发 小程序
使用element UI-table表格列宽自适应 【已解决】
使用element UI-table表格列宽自适应 【已解决】
|
5月前
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
279 0
|
存储 前端开发 数据库
el-table表格拖动列记住列宽度功能(刷新页面还在)
el-table表格拖动列记住列宽度功能(刷新页面还在)
278 0
ElementUI el-table 设置固定列,横向滚动条在固定列的位置上无法滚动的问题
ElementUI el-table 设置固定列,横向滚动条在固定列的位置上无法滚动的问题
1290 0
Bootstraptable页面上同时存在多条垂直滚动条,margin和padding无法消除页面间隙的解决办法!
控件:bootstraptable存在的问题:页面上同时存在多条垂直滚动条,margin和padding无法消除页面间隙。解决办法:1.关键词 overflow:hidden;2.结合页面高度设置;3.
1570 0