<div class="box1">
        <div class="dg1Box" style="margin-top:15px; margin-left:25px;">
            <table id="dg1" style="width:575px;"></table>
        </div>
    </div>

    <div class="box2" style="display:none;">
        <div class="dg2Box" style="margin-top:15px; margin-left:25px;"
 
>
            <table id="dg2" style="width:575px;"></table>
        </div>
    </div>

這樣布局tab之後在JS中綁定datagrid：

    $(‘#dg1‘).datagrid({
        columns: [[
            { field: ‘CompoundName‘, title: ‘組分名‘, width: 130, align: ‘center‘, resizable:false },
            { field: 
 
‘CompoundMofo‘, title: ‘分子式‘, width: 130, align: ‘center‘, resizable: false },
            { field: ‘CompoundGraph‘, title: ‘CAS號‘, width: 130, align: ‘center‘, resizable: false },
            { field: ‘operate‘, title: ‘操作‘, width: 130, align: ‘center‘, resizable: false }
        ]],
        rownumbers: 
 
true
    });

    $(‘#dg2‘).datagrid({
        columns: [[
            { field: ‘TBCompoundID‘, title: ‘組分庫Id‘, width: 130, align: ‘center‘, resizable: false },
            { field: ‘HeaderText‘, title: ‘表頭‘, width: 130, align: ‘center‘, resizable: false },
            { field: ‘Format‘, title: ‘格式‘, width: 130, align: ‘center‘, resizable: false },
            { field: ‘operate‘, title: ‘操作‘, width: 130, align: ‘center‘, resizable: false }
        ]],
        rownumbers: true
    });

切換到第二個表格的時候，表頭不顯示，可能是display為none的時候datagrid也會被隱藏

只要在顯示當前div的時候，執行這條代碼$("#dg2").datagrid("resize"); 就可以啦。

easyUI-datagrid屬性設置display：none，表頭不顯示