flexgrid在IE下不显示,其他浏览器正常运行-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

a123456678 2016-07-11 11:05:39 1235

基于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下运行效果
screenshot

JSON JavaScript 数据格式
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:54:02

    原因处在 width: "100%",改成固定数字或者auto即可

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程