easyui的datagrid一用fit属性,就显示不出内容,这是什么情况?
fit:false时fit:true时代码如下:<headrunat="server"><metahttp-equiv="Content-Type"content="te...
fit:false时
fit:true时
代码如下:
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<%--easyui--%>
<link href="EasyUI_1.4.2/themes/icon.css" rel="stylesheet" />
<link href="EasyUI_1.4.2/themes/default/easyui.css" rel="stylesheet" />
<script src="EasyUI_1.4.2/jquery.min.js"></script>
<script src="EasyUI_1.4.2/jquery.easyui.min.js"></script>
<script src="EasyUI_1.4.2/locale/easyui-lang-zh_CN.js"></script>
<script>
$(function () {
$('#dg').datagrid({
fitColumns: true,
fit: false, //设为true就显示一条线,疯了!
data: [
{ f1: 'value11', f2: 'value12' },
{ f1: 'value21', f2: 'value22' }
],
columns: [[
{ field: 'f1', title: 'Item ID', width: 80 },
{ field: 'f2', title: 'Product ID', width: 80 }
]],
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="height: 100%; background: red;">
<table id="dg" style="width: 100%;"></table>
</div>
</form>
</body> 展开
fit:true时
代码如下:
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<%--easyui--%>
<link href="EasyUI_1.4.2/themes/icon.css" rel="stylesheet" />
<link href="EasyUI_1.4.2/themes/default/easyui.css" rel="stylesheet" />
<script src="EasyUI_1.4.2/jquery.min.js"></script>
<script src="EasyUI_1.4.2/jquery.easyui.min.js"></script>
<script src="EasyUI_1.4.2/locale/easyui-lang-zh_CN.js"></script>
<script>
$(function () {
$('#dg').datagrid({
fitColumns: true,
fit: false, //设为true就显示一条线,疯了!
data: [
{ f1: 'value11', f2: 'value12' },
{ f1: 'value21', f2: 'value22' }
],
columns: [[
{ field: 'f1', title: 'Item ID', width: 80 },
{ field: 'f2', title: 'Product ID', width: 80 }
]],
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="height: 100%; background: red;">
<table id="dg" style="width: 100%;"></table>
</div>
</form>
</body> 展开
1个回答
2015-06-13 · 百度知道合伙人官方认证企业
关注
展开全部
datagrid不存在fit属性哦,只有fitColumns,所以你放入fit会报错,就导致无法加载页面而显示一条横线。如果你想自适应,只要在css里写上width:100%就可以了
这里有中文API你可以参考一下:
http://www.cnblogs.com/Philoo/archive/2011/11/16/jeasyui_api_datagrid.html
这里有中文API你可以参考一下:
http://www.cnblogs.com/Philoo/archive/2011/11/16/jeasyui_api_datagrid.html
追问
fitColumns只是宽度上的自适应,高度不行哦!
datagrid扩展自panel,panel有fit属性,为什么不能用?
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
网易云信
2023-12-06 广告
2023-12-06 广告
UIkit是一套轻量级、模块化且易于使用的开源UI组件库,由YOOtheme团队开发。它提供了丰富的界面元素,包括按钮、表单、表格、对话框、滑块、下拉菜单、选项卡等等,适用于各种类型的网站和应用程序。UIkit还支持响应式设计,可以根据不同...
点击进入详情页
本回答由网易云信提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询