Extjs4.2 在FireFox中正常在IE中异常----Grid中内容长度大于列宽时

本文链接：https://blog.csdn.net/fengcheqidong/article/details/46048945

开发Extjs时，经常会遇到在firefox中显示正常，在IE下就不正常的情况，上次写了一篇关于roweditor在IE下按钮位于上方的奇葩现象，这次是grid。废话不多说，直接上图。就是一个最普通的gridpanel，如下图:

当缩短某一列列宽时，火狐下显示不全的内容会用省略号代替，而IE下就不会。

火狐下的效果：

可以看到title一列缩短了，显示不全的后面都跟了省略号，而在IE下则是这样的效果：

没有跟省略号，显示不全的部分被遮挡了，要想在IE下也达到跟火狐下一样的效果，需要在引入程序js的页面中加入

<!DOCTYPE HTML>，位置在html标签之前。

<span style="color:#ff0000;"><!DOCTYPE HTML>
</span><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>title</title>
    <link rel="stylesheet" type="text/css" href="../../ext.css" />
    <script type="text/javascript" src="../../ext.js"></script>
    <script type="text/javascript" src="test.js"></script>
</head>
<body>
    <div id="test-grid"></div>
</body>
</html>