easyui datagrid 宽度显示问题

easyui dategrid 宽度怎么让其适应父级的宽度,尤其是当父级宽度改变时,怎么让dategrid的宽度也随之改变。

...

当我通过js改变class="main-content1"的宽度时,datagrid的宽度并不会改变,怎么能改变datagrid的宽度

3个回答

datagrid配置fit:true

回答 fitColumns: true 的都是垃圾

datagrid配置fit:true

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
EasyUi datagrid百分比显示宽度,EasyUi datagrid自适应窗口大小
easyui Datagrid自适应窗口大小 easyui Datagrid百分比显示宽度
easyui datagrid列名宽度问题
后台发挥json数据到视图,发现easyui的datadrid 列名宽度跟数据列的宽度没对齐rnrnF12进去调试datagrid-view1,datagrid-body,datagrid-footer,datagrid-header宽度都自动设置成10000rnrn怎么回事啊?求解?
easyui datagrid宽度设置在ie8无效的问题
最近在做的一个项目用到了easyui,在用datagrid时遇到一个问题,列宽度设置在其它浏览一切正常,唯独在ie8中宽度无效,坑爹的ie8,各种百度谷歌,没看到类似的问题,后来稀里糊涂的把列宽度设置style="width:20%"改成width="20%"就好了,坑爹的ie8。
easyui datagrid colums宽度不能正常显示的问题
datagrid在fitColumns="true"的情况下有,如果在columns中设置有同名的field,fitColumns功能失效。在columns中设置同名的field很常用,当field是一个object的时候。通常在formatter中用return value["具体的属性名"]来显示object中的相应字段的信息。原因是我确实设置了相同的field。...
easyui datagrid combobox的显示问题
rn rn rn 编号rn 客户rn 概要rn 服务类型rn 创建人rn 创建日期rn 分配给rn 操作rn rn rn rnrnrn服务类型是combobox,每条记录怎么根据code值显示内容啊。rn
easyui datagrid 显示时间转换
DateFormat df = new SimpleDateFormat("yyyy-MM-dd");//格式化时间   log_qxj.setTime1(df.format(log_qxj.getTime()));
easyUI下datagrid嵌套显示
主要是运用 easyui的方法进行行内嵌套显示,让一行可以显示更多的东西,让一行显示JSON的字符串、从表之类的东西。 下边先看效果图: 接下来说实现过程: (1)在首次加载中添加代码 view: detailview, detailFormatter:function(index,row){ return '<div style="padding:2px"...
DataGrid的显示宽度
我在主页放了一个宽度为190的DataGrid,列是自定义的,共两列,第一列显示一个图标,第二列显示新闻标题,现在的问题是,如果新闻标题过长,超过了190,DataGrid就会变宽,页面就乱套了,能不能让列宽固定,如果字段值过长的话就截断,实在不行折行也可以,该怎么设置呢?rnrnrn rn rn rn rn
easyui datagrid 表头错位 宽度没有撑满
[img=https://img-bbs.csdn.net/upload/201507/29/1438164550_855178.png][/img]rnrnrnrnrn[img=https://img-bbs.csdn.net/upload/201507/29/1438164657_402145.png][/img]
easyUI datagrid rownumber自适应宽度扩展JS
easyUI datagrid 自动调整行号大小
easyui datagrid标题列宽度自适应
easyui datagrid标题列宽度自适应
jquery easyUI datagrid如何让宽度自适应
RT
easyui datagrid 自适应窗口边宽度
1.底部如果没有分页工具栏(即datagrid属性pagination为false),这种情况可以直接设置datagrid属性fit为true 即可。 2.底部如果有分页工具栏时(即datagrid属性pagination为true),这时需要监听window对象(即浏览器窗口)大小的改变, 动态的改变datagrid大小。 这时用到resize()函数,它用于为每个匹配元素的resize
jquery easyui datagrid 如何自适应分辨率宽度
如果一开始接触easyui的童鞋们都知道,一个datagrid生成的table是不能到边的。如下: [img]http://dl.iteye.com/upload/attachment/275396/94f9ed52-2c5e-3494-b819-c6e3e369724c.jpg" alt="" width="1248" height=&qu...
easyui datagrid宽度自适应窗口改变
//在调整了窗口大小以后,设置easyui gridview也调整宽度 $(window).resize(function () { $('#gvManage').datagrid('resize'); });  转载地址:http://www.jb51.net/article/33574.htm   ...
jquery easyUI datagrid 的宽度能不能设置成百分比。
datagrid 里的width:816 能不能设置100%,如果加一个fix:true的属性,datagrid 的表格会变形。如果是设置成像素,当收缩时,会出现附件里的样子。 datagrid 表格里的表格只有设置设置的width大小。加入了fix:true后,收缩时也会出现附件里的情况,不知道是怎么回事。。。rn rnrn[code="javascript"]rn rnrnrn[/code]
jquery easyui 1.3.4 的datagrid无法自适应高度和宽度,
rnrnrn rn rn rn rn 用户名rn rn rn rn rn rn 联系电话rn rn rn rn rn rn 所属单位rn rn rn rn rnrn rn rn rn 开始日期rn rn rn rn rn rn 结束日期rn rn rn rnrn rn rn rn 查询rn 清空rn rnrn rn rnrnrn rnrn rn rn rnrn rn userIdrn rn rn loginNamern rn rn userNamern rn rn passwordrn rn rn cellrn rn rn qqrn rn rn mailrn rnrn rn rn rnrnrn rnrn-->rn这是我的center里面的代码rnrnrn下面是我的js代码:rnrn$(function() rn alert("进来了");rn //初始化查询pannelrn rn // 初始化右下角的提示框rn $.messager.show(rn title : '我的消息',rn msg : '登录成功,欢迎使用此系统',rn timeout : 3000,rn showType : 'slide'rn );rn // 初始化datagridrn $("#centerDateGrid").datagrid(rn url : 'login/users!findList.action',rn height:"200px;",rn iconCls : 'icon-save',// 图标rn rownumbers : true,// 如果为true,则显示一个行号列。rn singleSelect : true,// 如果为true,则只允许选择一行。rn // autoRowHeight:false,//定义设置行的高度,根据该行的内容。设置为false可以提高负载性能。rn nowrap : false,// 如果为true,则在同一行中显示数据。设置为true可以提高加载性能。rn pagination : true,// 显示分页工具条rn pageSize : 20,// 每页条数rn fit : true,// datagrid自适应宽高rn fitColumns : true,// 使列自动展开/收缩到合适的数据表格宽度。rn idField : 'userId',rn sortName : 'userId',// 定义哪些列可以进行排序rn sortOrder : 'asc',// 定义列的排序顺序,只能是'asc'或'desc'rn border : false,rn pageList : [ 20, 30, 40, 50 ],// 分页条数选择rn toolbar : [ rn text : '添加',rn iconCls : 'icon-add',rn hander : function() rnrn rn ,'-', rn text : '修改',rn iconCls : 'icon-edit',rn hander : function() rnrn rnrn ,'-', rn text : '删除',rn iconCls : 'icon-remove',rn hander : function() rnrn rnrn ]rn //toolbar:"#toolbar"rnrn );rn);rnrn//查询条件rnfunction search()rn rn $("#centerDateGrid").datagrid("load",rn userName("#userName").val()rn );rnrn//清空查询条件rnfunction clear()rn rn
easyui datagrid tip 超出宽度省略
datagrid添加tooltip及超出宽度添加省略号
easyui datagrid如何自适应浏览器的宽度和高度
field如果有重复的话,会导致fitColumns=”true”失效  如果列都没有设置宽度的话,也会导致fitColumns=”true”失效 我的是field重复了,所以到时失效!修改了之后 ...
easyUI——控制datagrid的显示与隐藏
在做java-ITOO的选课系统时,学生选课界面要显示:可选课程,已选课程和历史选课。在这一个界面上,信息量是非常大的,怎么样让用户快速,简洁的了解自己要的信息呢?     故,我们决定把已选课程和历史选课先隐藏起来,做了一个按钮,让用户点击的时候再出现。     那么到了实现的时候了!铛铛铛铛……
[easyui]datagrid鼠标移动显示单元格内容
当单元格内容过长无法完全显示怎么办?如果鼠标移动到该单元格可以自动显示出所有文字内容就好啦。 这里提供两个思路 给对应节点添加一个title属性,值就是节点的内容 添加事件,移动到单元格就用一个tooltip显示内容 方法一添加title属性,值为文字内容首先找到对应节点 可以根据这个其中的一个class来定位 datagrid-cell假设这个datagrid的id为dg那就这么写 这里要
easyui datagrid 不显示json数据
过程描述:页面 A输入参数,进入controller进行逻辑处理并生成json数据,然后通过rn MVC返回json数据,并对页面A相关easyui datagrid表格进行数据展示。rn 问题:easyui datagrid不现实数据,且页面不报错,调试能看到json数据。rn 页面代码: rn rn rnrn```rn 测试rn function test()rn rn jq('#tt').datagrid(rn title:'DataGrid - DetailView',rn width:500,rn height:250,rn remoteSort:false,rn singleSelect:true,rn nowrap:false,rn fitColumns:true,rn type:"POST",rn url:'/store/saleout/getjson',rn columns:[[rn field:'product_name',title:'Item ID',width:80,rn field:'numbers',title:'Product ID',width:100,sortable:true,rn field:'price',title:'List Price',width:80,align:'right',sortable:true,rn field:'buyer',title:'Unit Cost',width:80,align:'right',sortable:truern ]]rn rn );rn alert("333");rn rn```rnrnrn 调试显示数据:"rows":["product_name":"土豆","numbers":2,"price":40,"buyer":"A","style":"A","type":"WU","saleoutdate":"2015-3-31"],"total":1rn rn 请教一下:什么原因导致 easyui datagrid数据不显示?不报错,不知道到底从哪里入手,困扰了不短时间,多谢!!rn rn 页面完整代码如下,调试数据截图在附件中。rn ![![图片说明](https://img-ask.csdn.net/upload/201505/31/1433004879_544586.png)图片说明](https://img-ask.csdn.net/upload/201505/31/1433004871_778225.png)rnrnrn```rn rn rn<%@ page language="java" contentType="text/html; charset=utf-8"rn pageEncoding="utf-8"%>rn<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>rn<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>rn<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>rn<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>rn<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>rnrnrnrnrnrn rn saleoutrn rnrn rnrnrnrnrnrnrn rn rn rn rn rn rn 测试rn rn rnrnrn rn rn rn rn 产品名称: rn rn rn rn rn rn 提交rn rn rnrnrnrnrn```rn
EasyUI的DataGrid显示ASP.NET内容
EasyUI版本比较旧,请下载新的版本更新,最新版本测试通过。
easyui datagrid 数据的显示和查询
引用css、js 初始化DataGrid $(document).ready(function() { $("#table").datagrid({ 'url':'${pageContext.request.contextPath}/Data.do',//异步请求数据的url 'fitCo
jquery easyui datagrid 不显示
我再table中加入class="easyui-datagrid",结果内容就不显示了,是什么原因造成的。特殊说明,我用的不是jsp,是.ftl文件,引用几行代码:[code=html] rn rn rn rn rnrn rnrn[/code]rn在调试工具中显示的是rn[code=html]rnrn rn rn rn rnrn[/code]
EasyUI Datagrid 鼠标悬停显示单元格内容
1.js 定义函数 "text/javascript"> //格式化单元格提示信息 function formatCellTooltip(value){ return "" + value + "'>" + value + ""; } 2、调用函数      data-options=
easyui datagrid显示子属性
columns通过json实现定义好,formatter1:"function fn(){.......}" ,前端通过ajax请求json,遍历columns拿到有formatter1属性的那列,通过eval(),把字符串解析成函数,最后将该列的['formatter'] = fn,即可达到目的
Easyui DataGrid 显示外键对象
{field:&quot;positionname&quot;,title:&quot;职位&quot;,align:&quot;center&quot;,width:80, formatter: function(value,row,index){ return new Object(row[&quot;position&quot;]).positionname; } }
easyui datagrid 列隐藏和显示
easyui datagrid 列隐藏和显示
easyui datagrid数据显示不出来
在我正确的按照例子从后台取数后,前台无法显示(都不报错,数据正常),发现去除几个字段可以显示,加上就无法显示,很无奈,后来才发现,返回的数据中出现了空格 还有\r \n 类似于\ 这种符号,可能由于easyui datagrid 不识别这类数据,然后就展示空白,希望小伙伴们注意了
easyui datagrid 显示横行滚动条
var datagrid = $('#datagridw').datagrid({ pageSize : 15, pageNumber : 1, fit:true, pagination : true, singleSelect:true, collapsible: true, rownumbers : true, loadMsg : '正在加载...', url : '....
Easyui datagrid不显示数据
刚接触easyui,不太熟,根据datagrid的格式拼装了数据,无法显示到datagrid里,但是在jsp里面创建一个var变量就可以显示,求大牛帮忙看下nnJSP页面代码:n```n $(function() n //alert(getParasFromUrl("selectType"));n //alert(getParasFromUrl("objectID"));n //初始化表格内容n $('#dataList').datagrid(n title : 'IP地址详情',n //data:dataGrid,n method : 'post',n singleSelect : true,n height : 370,n fit : true,n fitColumns : true,n striped : true,n collapsible : true,n //url : "/jsp/jcss/IPQueryDetailAction.do?operation=queryIPFromDB",n url : "/InfoMgr/jsp/jcss/IPQueryDetailAction.do?operation=query&selectType="+getParasFromUrl("selectType") + "&objectID=" + getParasFromUrl("objectID"),n sortName : 'IP',n pageSize: 50, //每页显示的记录条数,默认为10n pageList: [30, 50, 100, 200, 300], //分页显示选项n sortOrder : 'asc',n remoteSort : false,n idField : 'ID',n pagination : true, // 显示分页n rownumbers : true, // 显示行号n columns : [ [n field : 'ID', title : '序号', width : 20, sortable : true, halign : 'center',n field : 'IP', title : 'IP', width : 100, sortable : true, halign : 'center',n field : 'HOSTNAME', title : '主机名称', width : 100, sortable : true, halign : 'center',n field : 'GATEWAY', title : '网关', width : 80, sortable : true, halign : 'center',n field : 'USEFOR', title : '用途', width : 120, sortable : true, halign : 'center',n field : 'PROPOSER', title : '申请人', width : 120, sortable : true, halign : 'center',n field : 'CREATEDATE', title : '申请时间', width : 120, sortable : true, halign : 'center',n ] ],n onLoadSuccess : function() n //alert('OK');n //$('#dataList').datagrid('reload');n //$('#dataList').datagrid('clearSelections'); // 一定要加上这一句,要不然datagrid会记住之前的选择状态,删除时会出问题n ,n onDblClickRow: function (rowIndex, rowData) nn ,n onClickRow: function (rowIndex, rowData) nn ,n n );n);n```n后台数据拼装:nnn```n public List getIPSegFromDB(String ID)n System.out.println("call getIPSegFromDB");n List lstIPs = new ArrayList();n n StringBuffer sb = new StringBuffer();n sb.append("\"total\":28,\"rows\":[");n sb.append("\"ID\":\"1\",\"IP\":\"192.168.1.1\",\"HOSTNAME\":\"test\",\"GATEWAY\":\"192.168.1.254\",\"USEFOR\":\"测试\",\"PROPOSER\":\"11\",\"CREATEDATE\":\"2015-11-21\",");n sb.append("\"ID\":\"2\",\"IP\":\"192.168.1.2\",\"HOSTNAME\":\"test\",\"GATEWAY\":\"192.168.1.254\",\"USEFOR\":\"测试\",\"PROPOSER\":\"111\",\"CREATEDATE\":\"2015-11-21\"");n sb.append("]");n n lstIPs.add(sb.toString());n return lstIPs;n n```nn返回json:nnn```n response.getWriter().print(JSONArray.fromObject(qis.getIPSegFromDB(objectID)).toString()); n```nn鼓捣一晚上了没查出问题来,但是按照下面的格式写到jsp页面里,就能显示出来。。。。求解啊。。。nnn```n var dataGrid = "total":28,"rows":[n "ID":"1","IP":"192.168.1.1","HOSTNAME":"test","GATEWAY":"192.168.1.254","USEFOR":"测试","PROPOSER":"111","CREATEDATE":"2015-11-21","ID":"2","IP":"192.168.1.2","HOSTNAME":"test","GATEWAY":"192.168.1.254","USEFOR":"测试","PROPOSER":"111","CREATEDATE":"2015-11-21",n "ID":"1","IP":"192.168.1.1","HOSTNAME":"test","GATEWAY":"192.168.1.254","USEFOR":"测试","PROPOSER":"111","CREATEDATE":"2015-11-21","ID":"2","IP":"192.168.1.2","HOSTNAME":"test","GATEWAY":"192.168.1.254","USEFOR":"测试","PROPOSER":"111","CREATEDATE":"2015-11-21"n ];n```nnnnnnnn
ASP.NET MVC EasyUI datagrid显示行数问题
我在用了PageSize :15rnfunction Test() rnrn $('#dg').datagrid(rn title: 'Checkbox selection on DataGrid',rn url: '/Home/GetData',rn method: 'GET', //默认是post,不允许对静态文件访问rn width: '700',rn //iconCls: 'icon-save',rn dataType: 'JSON',rn fitColumns: true,rn rownumbers: true, //是否加行号 rn pagination: true, //是否显式分页 rn pageSize: 15, //页容量,必须和pageList对应起来,否则会报错 rn pageNumber: 1, //默认显示第几页 rn pageList: [15, 30, 45],//分页中下拉选项的数值 rn columns: [[rn field: 'UserName', title: '名称' ,rn field: 'UserPass', title: '密码' rn ]],rn singleSelect: false, //允许选择多行rn selectOnCheck: true,//true勾选会选择行,false勾选不选择行, 1.3以后有此选项rn checkOnSelect: true //true选择行勾选,false选择行不勾选, 1.3以后有此选项rn );rn rn后台rn[HttpGet]rn public JsonResult GetData()rn rn List t1 = new List();rn for (int i = 0; i < 40; i++)rn rn Test test = new Test();rn test.UserName = "Test1";rn test.UserPass = "Test1";rn t1.Add(test);rn rn return Json(t1, JsonRequestBehavior.AllowGet);rn rnrn public class Testrn rn public string UserName get; set; rn public string UserPass get; set; rn rn还是把40条数据都显示出来了 不知道为什么,请教!!!!!!!!!!!!!!请教!!!!!!!!!!!!
easyui datagrid显示19位数字的问题
oracle中使用number(19,0)的Id作为关键字,数据有1000000000000000056,1000000000000000057,1000000000000000157等,使用JsonConvert.SerializeObject()获取出来的json数据是"id":1000000000000000057.0,"id":1000000000000000157.0,可是easyui datagrid显示的时候1000000000000000056、1000000000000000057却变成了1000000000000000000,而1000000000000000157却变成了1000000000000000100;也就是说后面三位是0××的都变成000,是1××就变成100。为什么啊?高手指教一下,该如何解决这个问题。
easyui datagrid显示选择行数据问题
今天使用easyui datagrid发现无论怎么选择行,getSelections得到的数据都不为选择的所有数据。 发现是由于设置了idField属性,所以如果idField没有载入,它会认为是同一条数据,所以发生上面情况。 idField属性删除后就行了。 ...
easyUI使用datagrid不能显示表头的问题
今天在做一个项目时,发现datagrid的表头一直不能显示出来,后面自己不停的拿一个模板datagrid和自己写的进行对比,发现自己的写法并没有任何问题,但是它就是不显示出来,就这样搞了个把小时,最后突然想起会不会是css的问题,然后自己一个个去排除css,终于发现那个坑了table  {margin:auto;padding:0;}就这么一行css代码,导致整个表头无法显示。解决办法:暴力删除这...
ASP.NET MVC EasyUI DataGrid显示数据问题
我在用了PageSize :15rnfunction Test() rnrn $('#dg').datagrid(rn title: 'Checkbox selection on DataGrid',rn url: '/Home/GetData',rn method: 'GET', //默认是post,不允许对静态文件访问rn width: '700',rn //iconCls: 'icon-save',rn dataType: 'JSON',rn fitColumns: true,rn rownumbers: true, //是否加行号 rn pagination: true, //是否显式分页 rn pageSize: 15, //页容量,必须和pageList对应起来,否则会报错 rn pageNumber: 1, //默认显示第几页 rn pageList: [15, 30, 45],//分页中下拉选项的数值 rn columns: [[rn field: 'UserName', title: '名称' ,rn field: 'UserPass', title: '密码' rn ]],rn singleSelect: false, //允许选择多行rn selectOnCheck: true,//true勾选会选择行,false勾选不选择行, 1.3以后有此选项rn checkOnSelect: true //true选择行勾选,false选择行不勾选, 1.3以后有此选项rn );rn rn后台rn[HttpGet]rn public JsonResult GetData()rn rn List t1 = new List();rn for (int i = 0; i < 40; i++)rn rn Test test = new Test();rn test.UserName = "Test1";rn test.UserPass = "Test1";rn t1.Add(test);rn rn return Json(t1, JsonRequestBehavior.AllowGet);rn rnrn public class Testrn rn public string UserName get; set; rn public string UserPass get; set; rn rn还是把40条数据都显示出来了 不知道为什么,请教!!!!!!!!!!!!!!请教!!!!!!!!!!!!
EasyUI datagrid不显示table信息问题
 一个页面同时有两个datagrid时,其中一个datagrid被调用后不显示table及其信息。如果你不是因为没有设置table宽高、不是因为写错单词或因copy忘了改两个datagrid的id造成的失误,那就检查哈你的table是不是写成这样了:如果是这样那就赶紧改吧:改完后刷新页面table及其信息就这样就神奇般出来了。...
解决EasyUI的datagrid控件显示日期问题
在做积分系统的时候,做的是后台管理系统,所以前段框架用的是EasyUI,使用datagrid的时候,后台返回来一个日期格式的数据,当json序列化后返回来的数据就变成了/Date(1419264000000)/改前代码: <table id="dg" class="easyui-datagrid" style="width:auto;height:auto" url="/Qu
easyui datagrid 不显示数据问题
![图片说明](https://img-ask.csdn.net/upload/201707/25/1500922234_974788.jpg)rnrnjsp代码:rnrnrn```rn <%@ page language="java" contentType="text/html; charset=UTF-8"rn pageEncoding="UTF-8"%>rnrnrnrn rn 用户信息rnrn<%@include file="/public/head.jspf"%>rnrn rn rn 注册时间rn 手机号rn rn 筛选rnrn rnrnrn rnrnrn```rnrnrnrn格式返回应该没错, 页面也没有报错,就是不显示数据,求解
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池