jQuery MiniUI

标题: 不知怎么回事,dataGrid表头未上下居中,如图 [打印本页]

作者: xuefly    时间: 2013-1-22 11:32:01     标题: 不知怎么回事,dataGrid表头未上下居中,如图

[attach]1284[/attach]
关键代码:
  1. <div size="330" showCollapseButton="true">
  2.                                 <div class="mini-toolbar" style="border-bottom: 0; padding: 2px;">
  3.                                         <div style="float: left">
  4.                                                 @{Html.RenderPartial("Partials/PageButtons");}
  5.                                         </div>
  6.                                         <div style="float: right">
  7.                                                 <input id="key" class="mini-textbox" emptytext="请输入关键字" style="width: 150px;" />
  8.                                                 <a id="btnSearch" class="mini-button">查询</a>
  9.                                         </div>
  10.                                         <div style="clear: both;">
  11.                                         </div>
  12.                                 </div>
  13.                                 <!--撑满页面-->
  14.                                 <div class="mini-fit">
  15.                                         <div id="dgElement" class="mini-datagrid" style="width:100%;height:100%;" allowAlternating="true"
  16.                                                         url="@Url.Action("GetPlistElements")" idfield="Id" multiselect="true"
  17.                                                         sizeList="[5,10,20,50]" pageSize="10" allowCellEdit="true">
  18.                                                 <div property="columns">
  19.                                                         <div type="indexcolumn">
  20.                                                         </div>
  21.                                                         <div type="checkcolumn">
  22.                                                         </div>
  23.                                                         <div name="action" width="50" headeralign="center" align="center" cellstyle="padding:0;">
  24.                                                                 操作
  25.                                                         </div>
  26.                                                         <div field="Name" width="100" headeralign="center" allowsort="true">
  27.                                                                 名称
  28.                                                         </div>
  29.                                                         <div field="Code" width="50" headeralign="center" allowsort="true">
  30.                                                                 编码
  31.                                                         </div>
  32.                                                         <div field="AllowNull" width="30" headeralign="center" allowsort="true">
  33.                                                                 可空
  34.                                                         </div>
  35.                                                         <div header="是否字典?" headeralign="center">
  36.                                                                 <div property="columns">
  37.                                                                         <div field="IsDicType" width="30" headeralign="center" allowsort="true">
  38.                                                                                 是?
  39.                                                                         </div>
  40.                                                                         <div field="DicName" width="40" headeralign="center" allowsort="true">
  41.                                                                                 字典
  42.                                                                         </div>
  43.                                                                 </div>
  44.                                                         </div>
  45.                                                         <div header="界面" headeralign="center">
  46.                                                                 <div property="columns">
  47.                                                                         <div field="IsDetailsShow" width="50" headeralign="center" allowsort="true">
  48.                                                                                 展示在详细信息页
  49.                                                                         </div>
  50.                                                                         <div field="InputType" width="50" headeralign="center" allowsort="true">
  51.                                                                                 输入类型
  52.                                                                         </div>
  53.                                                                 </div>
  54.                                                         </div>
  55.                                                         <div field="IsEnabled" width="50" headeralign="center" allowsort="true">
  56.                                                                 有效
  57.                                                         </div>
  58.                                                         <div field="State" width="50" headeralign="center" allowsort="true">
  59.                                                                 状态
  60.                                                         </div>
  61.                                                         <div header="权限" headeralign="center">
  62.                                                                 <div property="columns">
  63.                                                                         <div field="AllowCreate" width="30" type="checkboxcolumn" headeralign="center" align="center"
  64.                                                                                 allowsort="true">
  65.                                                                                 添加
  66.                                                                         </div>
  67.                                                                         <div field="AllowUpdate" width="30" type="checkboxcolumn" headeralign="center" align="center"
  68.                                                                                 allowsort="true">
  69.                                                                                 修改
  70.                                                                         </div>
  71.                                                                         <div field="AllowDelete" width="30" type="checkboxcolumn" headeralign="center" align="center"
  72.                                                                                 allowsort="true">
  73.                                                                                 删除
  74.                                                                         </div>
  75.                                                                         <div field="AllowRead" width="30" type="checkboxcolumn" headeralign="center" align="center"
  76.                                                                                 allowsort="true">
  77.                                                                                 查看
  78.                                                                         </div>
  79.                                                                 </div>
  80.                                                         </div>
  81.                                                         <div field="SortCode" width="40" headeralign="center" align="center" allowsort="true">
  82.                                                                 排序
  83.                                                         </div>
  84.                                                 </div>
  85.                                         </div>
  86.                                 </div>
  87.                         </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