Jquery的Flexigrid插件的IE兼容性问题。

在项目中用到了Jquery的Flexigrid表格插件,来显示后台传回的一串数据,Flexigrid使用Json的格式。

该插件在Chrome和Firefox中完美显示,在IE下只能显示表头.内容无法显示.

在google的groups中找到了答案:http://groups.google.com/group/flexigrid/browse_thread/thread/b51a13ef24ef1e45/88802ce2f7bfcec1

修改(大约800行左右,可以查找"g.gDiv.style.width"定位)

1  if (p.width!='auto')  g.gDiv.style.width = p.width + 
2 'px';

为:

1 if (p.width!='auto') { 
2 if (p.width.toString().indexOf('%')>0)
3 g.gDiv.style.width = p.width;
4 else
5 g.gDiv.style.width = p.width + 'px';
6 }

还有修改(大约850行左右,可以查找"p.height"定位)

.css({height: (p.height=='auto') ? 'auto' : p.height +"px"}) 

为:

1 .css({height: (p.height=='auto') ? 'auto' : p.height+ 
2 (p.height.toString().indexOf('%')>0 ? "":"px")})


改完后问题解决,但是要注意的是浏览器的缓存,之前已经加载了flexigrid.js的缓存,清空缓存后才能看到修改效果。



posted @ 2011-11-25 22:19  天如er  阅读(1482)  评论(3编辑  收藏  举报