easyui-tab页面加载后表格元素重复出现

像下面这样：

经过查阅官方文档，发现官方代码是这样的：
当使用javascript创建table时：

<table id="dg"></table>

$('#dg').datagrid({
    url:'datagrid_data.json',
    columns:[[
        {field:'code',title:'代码',width:100},
        {field:'name',title:'名称',width:100},
        {field:'price',title:'价格',width:100,align:'right'}
    ]]
});

当用标签创建表格时：

<table class="easyui-datagrid" style="width:400px;height:250px" data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true">
    <thead>
        <tr>
            <th data-options="field:'code',width:100">编码</th>
            <th data-options="field:'name',width:100">名称</th>
            <th data-options="field:'price',width:100,align:'right'">价格</th>
        </tr>
    </thead>
</table>

经过对比得知：

标签创建表格需要class=“easyui-datagrid”
javascript创建不需要class