首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

请教小弟我在用EasyUI 的DataGrid组件时,为什么标题中用了半角字符,标题列跟数据列就对不齐了

2013-03-01 
请问我在用EasyUI 的DataGrid组件时,为什么标题中用了半角字符,标题列跟数据列就对不齐了?比如下面这样是

请问我在用EasyUI 的DataGrid组件时,为什么标题中用了半角字符,标题列跟数据列就对不齐了?
比如下面这样是正常的:
  columns: [[
    { field: '主机设备', title: '设备类别', width: '150', align: 'center' },
    { field: '占比', title: '数量', width: '50', align: 'center' }
                  ]],
改成这样就不正常了,下面数据部分跟上面的标题列对不齐了(表格线竖线对不齐),请问是怎么回事?
  columns: [[
    { field: '主机设备', title: '设备类别', width: '150', align: 'center' },
    { field: '占比(%)', title: '数量', width: '50', align: 'center' }
                  ]],
顺便提一下,跟fitColumns设置无关。
我才刚想尝试EasyUI,看来...
[解决办法]
我在自己的环境下试了一下,都正常的呀
把第二列宽度改大一点试试
占比(%)   这几个字符超过了50px应该
[解决办法]
跟IE解析的模式(DOCTYPE 限定)有关。

检查下页面最上是否有 DOCTYPE 声明。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

[解决办法]
http://www.divcss5.com/html/h22.shtml
[解决办法]
%被解析了,用转义符试试。
[解决办法]
全角和半角占的空间不一样的。

热点排行