查看: 4104|回复: 3

Grid 固定列和自适应列冲突 [复制链接]

Rank: 2

电梯直达

楼主

发表于 2013-2-21 10:52:27 |只看该作者 |倒序浏览

当设置了固定列之后，再在剩余的列中设置一个自适应列（宽度 100%），这一列就会消失不见了

Rank: 8 Rank: 8

沙发

发表于 2013-2-21 11:21:48 |只看该作者

http://miniui.com/demo/#src=datagrid/fitcolumnwidth.html
你看下这个会不会消失，你照着这个来做

Rank: 2

板凳

发表于 2013-2-21 12:57:00 |只看该作者

我直接在上面改，把 100% 移到最后一列，设置前面两列固定，运行代码，最后一列就不见了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fit Column Width 列宽度撑满</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
<script src="../../scripts/boot.js" type="text/javascript"></script>
</head>
<body >
<h1>Fit Column Width 列宽度撑满</h1>
<div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;"
url="../data/AjaxService.aspx?method=SearchEmployees" idField="id" allowResize="true"
frozenStartColumn="0" frozenEndColumn="1"
>
<div property="columns">
<div type="indexcolumn" ></div>
<div field="loginname" width="200" headerAlign="center" allowSort="true">员工帐号</div>
<div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
<div field="gender" width="100" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>
<div field="createtime" width="100%" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
</div>
</div>
<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");
grid.load();
</script>
<div class="description">
<h3>Description</h3>
<p>“员工帐号”列宽度100%，撑满表格。</p>
</div>
</body>
</html>

复制代码

Rank: 8 Rank: 8

地板

发表于 2013-2-21 14:37:49 |只看该作者

wuhao 发表于 2013-2-21 12:57
我直接在上面改，把 100% 移到最后一列，设置前面两列固定，运行代码，最后一列就不见了 ...

我们看一下。

		自动登录	找回密码
密码			立即注册