easyui datagriad 框架 自适应r
2023-09-27 14:20:05 时间
easyui datagriad 框架 在做列自适应时可以采取以下步骤:
1. fitColumns: true,/*自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动*/
使之保持与父类宽度相同
2.设置列宽为百分比
- field:'opt',title:'操作',width:$(this).width() * 0.2,align:'center', rowspan:2,
field:'opt',title:'操作',width:$(this).width() * 0.2,align:'center', rowspan:2,
将width的值设为百分比,这里是20%,诸位可以根据自己的实际情况做适当调整。
3. 监听浏览器宽度变化,调整datagrid尺寸和布局
$(window).resize(function(){ $('#tt').datagrid('resize'); });
经过以上三步即可达到预期效果~~ 希望能对你有帮助!
相关文章
- easyui datagrid隔行变色
- 在easyui的table中展示提示框
- 使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享
- 【推荐】使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享
- easyUI资料学习资料
- Jquery -EasyUI
- easyUI
- easyui问题小结(转)
- easyUI的同一dialog载入多次的情况解决
- easyUI替换非16x16的图标
- jQuery EasyUI Datagrid性能优化专题
- EasyUI——常见用法总结
- 给EasyUI的DateBox控件添加清除button
- EasyUI基础searchbox&progressbar(搜索框,进度条)
- 使用Jquery+EasyUI项目开发情况的框架是中评---员工管理源代码共享
- EasyUI基础入门之Pagination(分页)
- [EasyUI] EasyUI安装