开发者社区> 问答> 正文

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

基于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

展开
收起
a123456678 2016-07-11 11:05:39 2215 0
1 条回答
写回答
取消 提交回答
  • 原因处在 width: "100%",改成固定数字或者auto即可

    2019-07-17 19:54:02
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
WEB浏览器中即将发生的安全变化 立即下载
基于浏览器的实时构建探索之路 立即下载
基于浏览器的实时构建探索之路--玄寂 立即下载