在使用easy-ui的过程中,新增tab中利用iframe显示时,发现里面的datagrid高度不能自适应,下面是解决办法,写下备用:
再iframe中使用easyui-layout布局,然后把datagrid放到center就可以了,比如:
<body class="easyui-layout">
<divregion="center"style="padding:5px;"border="false"><tableid="tt"title="datagrid"fit="true"iconcls="icon-edit"singleselect="true"idfield="itemid"url="datagrid_data2.asp"pagination="true"rownumbers="true"><thead><tr><thfield="itemid"width="80"checkbox="true">item id</th><thfield="productid"width="100"sortable="true">product</th><thfield="listprice"width="80"sortable="true"align="right">list price</th><thfield="unitcost"width="80"sortable="true"align="right">unit cost</th><thfield="attr1"sortable="true"width="150">attribute</th><thfield="status"width="60"sortable="true"align="center">status</th></tr></thead></table></div>
</body>
像这样布局高度就可以自适应了,但是宽度依然无法自适应。
宽度自适应方法如下:
加上一个属性:
fitColumns: true,
/*自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动,使之保持与父类宽度相同*/
相关推荐
JQuery Easy-UI DataGrid性能调优文档,欢迎喜欢的朋友下载学习!
主要介绍了EasyUI 数据表格datagrid列自适应内容宽度的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
ra-datagrid 将 Material-ui 集成到 react-admin 中。 ra-datagrid.mp4 功能 通过 dataProvider 进行服务器端过滤、排序和分页 行选择 单元格编辑 隐藏/显示列 所有 material-ui 功能(附加道具传递给它) 用法 将 ...
jeasyui-datagrid-datagrid 开发参考
jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip
给DataGrid添加自定义的headerRenderer,实现在Header上自己添加想要的界面功能
jquery easy ui datagrid完整项目源代码,非常值得学习
数据库管理系统,不管是桌面版,还是网页版,我觉得最重要的功能是:增删改查+分页。文档里面的例子就是asp.net web form + easy ui 的datagrid。简单的演示了这五个重要功能。请用vs2010运行,数据库没有给出。
Jquery-easyui的datagrid中文文档
easyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrid
个人收藏的插件,jquery-easyui-datagrid,分享给大家。
商业编程-源码-DataGrid数据增删及分页演示.zip
Laravel开发-laravel-datagrid-builder Laravel数据报生成器-使用jquery bootgrid
easyUI datagrid 自动调整行号大小
6.Jquery Easy-UI DataGrid的使用 7.jquery 的ajax 示例数据库表和存储过程在MyMVC.WebUI\App_Data文件夹里。数据库自己创建,创建完修改web.config文件里的数据库连接字符串。 自己写的,很简单,但是需要去好好...
asp.net Easy Ui datagird分页
EasyUI第一讲EasyUI实现DataGrid 增删改查数据
过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。想了好多办法都有局限。最后想到会不会是布局的问题,经过实践,最后问题解决。 1:比如在项目中用到了datagrid。如果界面比较简单---只有一个...
默认情况下,DataGrid 设置为显示来自对象集合的数据,其中集合中的每个对象都是一行,对象中的每个属性都是一列。 DynamicGrid 为 WPF 开发人员提供了一种在其 DataGrid 中定义列的替代方法。 DynamicGrid 类允许...