急!!!!! table数量多,样式丢失

我有一个页面,使用了多个table,当出现第九个table时第一个table设好的宽度样式丢失(已填入数据),只有8个时是正常的,
部分代码如下:






    <table id="jkrgzForm" class="easyui-datagrid" title="委托人规则" style="width:auto;height:auto;align:center;"
                 data-options="    pagination:true,
                                    pageSize:10,
                                    autoRowHeight:false,
                                    rownumbers:true,
                                    singleSelect:true,
                                    collapsible:true,
                                    method:'get'">
             <thead>
                   <tr>
                       <th data-options="field:'principalType',width:100,">委托人类型</th>
                       <th data-options="field:'mbwtrdy',width:100">目标委托人定义</th>
                       <th data-options="field:'mbsrrdy',width:100,">目标受让人定义</th>
                   </tr>
             </thead>
             <tbody>
                   <tr>
                       <td></td>
                       <td></td>
                       <td></td>
                       <td></td>
                       <td></td>
                       <td></td>
                   </tr>
             </tbody>  
        </table> 


    </div>
    </div>

</body>

我有一个页面,使用了多个table,当出现第九个table时,第一个table设好的宽度样式丢失(已填入数据),

自己在浏览器的开发者模式下F12调试看看每个元素的样式,适时修正。

删除无效宽度的表格之前的表格看这个是否会显示正常