jQuery MiniUI
标题:
不知怎么回事,dataGrid表头未上下居中,如图
[打印本页]
作者:
xuefly
时间:
2013-1-22 11:32:01
标题:
不知怎么回事,dataGrid表头未上下居中,如图
[attach]1284[/attach]
关键代码:
<div size="330" showCollapseButton="true">
<div class="mini-toolbar" style="border-bottom: 0; padding: 2px;">
<div style="float: left">
@{Html.RenderPartial("Partials/PageButtons");}
</div>
<div style="float: right">
<input id="key" class="mini-textbox" emptytext="请输入关键字" style="width: 150px;" />
<a id="btnSearch" class="mini-button">查询</a>
</div>
<div style="clear: both;">
</div>
</div>
<!--撑满页面-->
<div class="mini-fit">
<div id="dgElement" class="mini-datagrid" style="width:100%;height:100%;" allowAlternating="true"
url="@Url.Action("GetPlistElements")" idfield="Id" multiselect="true"
sizeList="[5,10,20,50]" pageSize="10" allowCellEdit="true">
<div property="columns">
<div type="indexcolumn">
</div>
<div type="checkcolumn">
</div>
<div name="action" width="50" headeralign="center" align="center" cellstyle="padding:0;">
操作
</div>
<div field="Name" width="100" headeralign="center" allowsort="true">
名称
</div>
<div field="Code" width="50" headeralign="center" allowsort="true">
编码
</div>
<div field="AllowNull" width="30" headeralign="center" allowsort="true">
可空
</div>
<div header="是否字典?" headeralign="center">
<div property="columns">
<div field="IsDicType" width="30" headeralign="center" allowsort="true">
是?
</div>
<div field="DicName" width="40" headeralign="center" allowsort="true">
字典
</div>
</div>
</div>
<div header="界面" headeralign="center">
<div property="columns">
<div field="IsDetailsShow" width="50" headeralign="center" allowsort="true">
展示在详细信息页
</div>
<div field="InputType" width="50" headeralign="center" allowsort="true">
输入类型
</div>
</div>
</div>
<div field="IsEnabled" width="50" headeralign="center" allowsort="true">
有效
</div>
<div field="State" width="50" headeralign="center" allowsort="true">
状态
</div>
<div header="权限" headeralign="center">
<div property="columns">
<div field="AllowCreate" width="30" type="checkboxcolumn" headeralign="center" align="center"
allowsort="true">
添加
</div>
<div field="AllowUpdate" width="30" type="checkboxcolumn" headeralign="center" align="center"
allowsort="true">
修改
</div>
<div field="AllowDelete" width="30" type="checkboxcolumn" headeralign="center" align="center"
allowsort="true">
删除
</div>
<div field="AllowRead" width="30" type="checkboxcolumn" headeralign="center" align="center"
allowsort="true">
查看
</div>
</div>
</div>
<div field="SortCode" width="40" headeralign="center" align="center" allowsort="true">
排序
</div>
</div>
</div>
</div>
</div>
复制代码
作者:
factory
时间:
2013-1-22 13:36:54
页面头部加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">了没有
作者:
xuefly
时间:
2013-1-22 16:35:21
factory 发表于 2013-1-22 13:36
页面头部加了没有
有的,我查看了浏览器端的html,有文档类型这行,比对完全一样。应该是其他原因,从相同模板继承过来的别的页面的dataGrid的头是正常的
作者:
xuefly
时间:
2013-1-22 16:45:40
哈哈 我终于找到原因了 查看浏览器的css渲染发现我引入的别的js库的css文件覆盖了miniui的css。不会再犯了
欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)
Powered by Discuz! X2