easyui的datagrid一用fit属性，就显示不出内容，这是啥情况？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了easyui的datagrid一用fit属性，就显示不出内容，这是啥情况？相关的知识，希望对你有一定的参考价值。
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>
这里有中文API你可以参考一下：
http://www.cnblogs.com/Philoo/archive/2011/11/16/jeasyui_api_datagrid.html追问
fitColumns只是宽度上的自适应，高度不行哦！
datagrid扩展自panel，panel有fit属性，为什么不能用？
easyui datagrid设置fit: true后，页面显示不全的情况
跟工具栏有关
<div id="tb">
<div style="float:left;">
<a href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-add‘,plain:true" onclick="javascript: addServer();">新建</a>
</div>
<div style="float:right;">
游戏ID: <input id="gameId" class="easyui-validatebox textbox" style="width:120px">
IP地址: <input id="ip" class="easyui-validatebox textbox" style="width:120px">
<a href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-search‘,plain:true" onclick="javascript: searchServer();">搜索</a>
</div>
</div>
在工具栏设置里，为了使得工具栏元素左右分开显示，在tb内部又设置了两个div,图像最下面能看到分页部分显示了一小部分。去掉两个div后，显示正常
以上是关于easyui的datagrid一用fit属性，就显示不出内容，这是啥情况？的主要内容，如果未能解决你的问题，请参考以下文章
easyui的pagination分页可以不用datagrid吗
为啥easyui-datagrid分页控件把所有的都遮住了？