查看: 2941|回复: 4

mini-fit放在<td>里无法正确适应窗口的问题 [复制链接]

cciikk

注册会员

Rank: 2

电梯直达

楼主

发表于 2015-7-6 22:04:58 |只看该作者 |倒序浏览

本帖最后由 dforce 于 2015-7-7 09:10 编辑

当把浏览器窗口缩小后,mini-fit并没让grid出现水平滚动条,而是浏览器自身出水平滚动条了.这里应该怎么修改下让grid正确出现水平滚动条呢?

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--
- Author(s):
- Date: 2015-07-06 21:13:26
- Description:
-->
<link href="../t1/style.css" rel="stylesheet" type="text/css" />
<head>
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="<%= request.getContextPath() %>/common/nui/nui.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td colspan="3" class="td_title">
XYZ
</td>
</tr>
<tr>
<td colspan="3">
<div class="nui-fit">
<div id="datagrid1" dataField="tcountrys" class="nui-datagrid" style="width:100%;height:300px;" url="com.primeton.eos.t1.tcountrybiz.queryTCountrys.biz.ext" pageSize="10" showPageInfo="true" multiSelect="true" onselectionchanged="selectionChanged" allowSortColumn="false">
<div property="columns">
<div type="indexcolumn">
</div>
<div type="checkcolumn">
</div>
<div field="id" headerAlign="center" allowSort="true" visible="false">
id
</div>
<div field="name" headerAlign="center" allowSort="true" >
name
</div>
<div field="name" headerAlign="center" allowSort="true" >
A
</div>
<div field="name" headerAlign="center" allowSort="true" >
B
</div>
<div field="name" headerAlign="center" allowSort="true" >
C
</div>
<div field="name" headerAlign="center" allowSort="true" >
D
</div>
<div field="name" headerAlign="center" allowSort="true" >
E
</div>
<div field="name" headerAlign="center" allowSort="true" >
F
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td class="td_bottom_left">
第一列
</td>
<td>
第二利
</td>
<td class="td_bottom_right">
第三列
</td>
</tr>
</table>
<script type="text/javascript">
nui.parse();
var grid = nui.get("datagrid1");
grid.load();
</script>
</body>
</html>