easyui datagrid如何让高度充满整个框

Posted 2023-04-16

<div data-options="region:'center', border:false,fit:true " style="overflow: hidden"> <table id="deposit_dg" class="easyui-datagrid" title="资金管理》存贷款明细查询" data-options="singleSelect:true,fixed:true,nowrap:true,rownumbers:true" >

你的datagrid的复div没有指定明确的高度，导致其fit:true后就你那样了。
在你的的datagrid外面套一个div，div指定宽高为100%。

如下图所示：

扩展资料：

科发EasyUI代码生成器(KFEasyUiMaker)是一款为C#数据库程序员设计的自动代码生成器,基于JqueryEasyUI与底层代码交互的代码生成器，为方便项目开发，将大量的重复代码直接生成，从而提高项目开发效率。

数据库支持SQL2008和SQL2005，底层代码采用MVC结构，结合JqueryUI代码无缝实现数据交互，交互接口采用ashx接口文件。

UI界面友好，代码维护方便，可配合科发MIS框架平台使用，也可作为其他项目自定义生成代码使用，同时最新版本支持FusionCharts统计图的代码生成，很方便轻松地进行项目开发，帮您快速开发项目，缩短开发周期，减少开发成本，大大提高了企业的研发效率，使得软件企业在同样的时间创造出更大的价值。

新版特征

1、商业授权后，不再显示代码自动生成的版权注释信息;

2、解决没有设置文件上传字段后的文件显示代码bug问题，只有在设置文件上传字段后，才生成相关文件显示代码;

3、增加相应的designer.cs文件生成，方便用户自定义添加服务器控件到aspx页面。

参考资料来源：百度百科-科发EasyUi代码生成器

参考技术A $("#dg").datagrid(
url :  path + '/AddressBook/sendinfojson',
pagination : true,//分页控件
pageList: [10, 20, 30, 40, 50],
fit: true,   //自适应大小
border:false,
nowrap: true,//数据长度超出列宽时将会自动截取。
rownumbers:true,//行号
fitColumns:true,//自动使列适应表格宽度以防止出现水平滚动。
        columns:[[
             field : 'ck',checkbox : true,width : 80, 
             field : 'ImgUrl',title:'图片',width : 30,align:'center',
             formatter: function(value, row, index)
             return '';
             
             , 
 field:'Title',title:'标题',width:100,  
 field:'Messages',title:'内容',width:350,
 formatter: function(value, row, index)
 if(value.length>30)
 return ''+value.substring(0,30)+'...';
 else
 return ''+value+'';
 
 
                 
 ,
 field:'SendName',title:'发送人',width:50,
           field:'CreateTime',title:'创建时间',width:100
   ]] 
);

注意：fit: true,是让表格高度适应屏幕高度，为FALSE是适应内容。

参考技术B 很明显你的datagrid的父div没有指定明确的高度，导致其fit:true后就你那样了。
在你的的datagrid外面套一个div，div指定宽高为100%本回答被提问者和网友采纳

jquery easyUI datagrid如何让宽度自适应

添加表格属性：

fitColumns:true; // fitColumns（自适应列宽）,设置为true将自动使列适应表格宽度以防止出现水平滚动。

参考技术A fitColumns 这是列自适应
fit 这是table自适应