easyui同时add两个tabs时样式出错

var content1 = '<iframe scrolling="auto" frameborder="0"  src="'+url1+'" style="width:100%;height:100%;"></iframe>';
        var content2 = '<iframe scrolling="auto" frameborder="0"  src="'+url2+'" style="width:100%;height:100%;"></iframe>';
        $('#tt').tabs('add',{
            title:title1,
            content:content1
        });
        $('#tt').tabs('add',{
            title:title2,
            content:content2
            //selected:false
        });

同时添加2个tabs,每个tabs显示的都是一个table,用的是datagrid,远程加载数据。不管设置哪个tabs为默认选中,默认选中的那个显示没有问题,另一个的样式则有问题。具体表现为宽度与设置的不符,且table右侧的边框消失。感觉好像table的右侧有一部分被遮住了。
下图左侧为出错的样式,右侧为正常的样式。
确认下是easyui的BUG么?可有解决方法?
非选中选中

阅读 4.4k
3 个回答

我本来很想用代码还原下,但是不行。
不过我感觉,是不是Datagrid的fit没有设置?

我也遇到了这样的问题
浏览器窗口缩小之后再放大就撑满了……神奇

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题