Grid 固定列和自适应列冲突 - jQuery MiniUI

<!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>

复制代码