请教小弟我在用EasyUI 的DataGrid组件时，为什么标题中用了半角字符，标题列跟数据列就对不齐了
日期：2014-05-17 浏览次数：20473 次
请问我在用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
------解决方案--------------------
%被解析了，用转义符试试。
------解决方案--------------------
全角和半角占的空间不一样的。
比如下面这样是正常的：
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
------解决方案--------------------
%被解析了，用转义符试试。
------解决方案--------------------
全角和半角占的空间不一样的。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
