求助:easyui 添加tabs 动态加载treegrid 问题

[Tito10]

<div id="wtt" class="easyui-window" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:710px;height:600px">
			<form id="wff" method="post"><div id="tt" class="easyui-tabs" style="height:525px"></div></form>
		    <div style="text-align:center;padding:5px">
		    	<a href="javascript:void(0)" class="easyui-linkbutton" onclick="grant()">保存</a>
		    	<a href="javascript:void(0)" class="easyui-linkbutton" onclick="closeTabs()">取消</a>
		    </div>
			</div>

function grantAuthorization(){
					var rows = $('#roleList').datagrid("getSelections");
					if(rows.length == 0){
						$.messager.show({title:'提示框',msg:'请选择一条记录!',showType:'show'});
					}else{
						var row = $('#roleList').datagrid("getSelected");
						$.post("role/toGrant.do", {"roleId":row.id}, function(data) {
							if(data && data!=null){
								for(var i=0;i<data.length;i++){
									$('#tt').tabs('add',{
										title: data[i].name,
										content: "<table class='easyui-treegrid' data-options='url: \"role/loadTabs.do?roleId="+row.id+"&appId="+data[i].id+"\",method: \"get\",idField: \"id\",treeField: \"name\"'><thead><tr><th data-options='field:\"name\"' width=\"180\">名称</th><th data-options='field:\"code\"' width=\"280\">编码</th><th data-options='field:\"resourceTypeCode\"' width=\"150\">资源类型</th><th data-options='field:\"grant\"' width=\"50\">授权</th></tr></thead></table>"
									});
								}
								$('#wtt').panel({title: "给<font color='red'>【"+row.name+"】</font>赋予资源权限"});
								$('#wtt').window('open');
								$('#tt').tabs({tabPosition:'bottom'});
							}else{
								$.messager.alert('错误提示','服务器繁忙，请稍候重试!','error');
							}
						});
					}
				}

treegrid的数据加载没有问题,但是打开窗口后,不显示treegrid的内容,必须切换到另一个tab,才可以正常显示,刚接触easyui,还请各位大神帮忙看看!!!

[Tito10]

已找到问题,是新增的treegrid没有设置宽度导致.