easyui动态创建的tab对应的datagrid不显示数据

Question

HTML：style=align:center class=easyui-tabs
JS：如图
现象：可以看到后台数据正常请求了，但是前端只显示了第一个tab的数据，后面的tab无法直接点击跳转，关闭后看不到创建的table

Answer 1

$.ajax({
    url: 'http://localhost:8080/demo/tabData.shtml',
    type: 'GET',
    success: function(data) {
        for(var i=0;i<data.length;i++){
            $('#gjsjTabs').tabs('add', {
                id: data[i],
                title: data[i],
                content: '<table id='+data[i]+'></table>',
                closable: true
            });
            $('#'+data[i]).datagrid({
                url: 'http://localhost:8080/demo/data/'+data[i]+'.shtml',
                method: 'get',
                height: height,
                singleSelect: true,
                fitColumns: true,
                striped: true,
                rownumbers: true,
                align: 'center',
                columns: [[
                    {
                        field: 'eventName',
                        title: '事件名',
                        width: 450
                    },{
                        field: 'createTime',
                        title: '发生时间',
                        width: 450
                    },{
                        field: 're',
                        title: '备注',
                        width: 450
                    }
                ]]
            });
        }
    }
});
盼回复~~

Answer 2

解决啦～我把table的id修改了一下，然后datagrid直接去找table的id，正常了，应该是在tab下面不能创建table的原因