flexgrid在IE下不显示,其他浏览器正常运行

加价就爱 发布于 2013/09/23 17:55
阅读 344
收藏 1

基于jquery的插件flexigrid,在其他浏览器上运行没有问题,但是到IE上运行就出错

  代码如下:求指点

 

<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>设备浏览</title>
<link rel="stylesheet" type="text/css" href="__ROOT__/centerconf/Common/flexigrid.css" />
<script type="text/javascript" src="__ROOT__/centerconf/Common/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="__ROOT__/centerconf/Common/flexigrid.js"></script>
<script type="text/javascript">
$(document).ready(function(){

 $("#flex1").flexigrid
   (
   {
   url: '__URL__/showok',
   dataType: 'json',
   
   colModel :[
    {display: '编号', name :'id', width : 100, sortable : true, align: 'center'},
    {display: '设备名称', name :'equname', width : 200, sortable : true,align:'center'},
    {display: '设备IP', name :'loginip', width : 300, sortable : true, align: 'center'},
    {display: '类型', name :'type', width : 80, sortable : true, align: 'center'}
    ],
   buttons : [
    {name: '添加', bclass: 'add', onpress : test},
    {name: '删除', bclass: 'delete', onpress : test},
    {name: '修改', bclass: 'xiugai', onpress : test},
    {separator: true},
    

    ],
     
   searchitems : [
    {display: '设备名称', name : 'equname'},
    {display: '类型', name : 'type', isdefault: true}
    ],
    
   sortname: "id",
   sortorder: "asc",
   usepager: true,
   title: '设备浏览',
      procmsg: '请求中 ...',
   useRp: true,
   rp: 10,
   showTableToggleBtn: true,
   width: "100%",
   height: "350"
   }
   );   
 });

</script>
</head>
<body>
 <table id="flex1" style="display:none"></table>
</body>
</html>

IE下运行效果

 

其他浏览器运行效果

 

加载中
0
加价就爱
加价就爱
已经解决,原因处在 width: "100%",改成固定数字或者auto即可
返回顶部
顶部