JQuery / Ajax的多个数据表大小问题

Question

这个问题已经在这里有了答案：

• 引导表选项卡中数据表的大小不正确 4答案
• 多个DataTable和Bootstrap选项卡的响应性问题 1回答
• 以自然宽度显示DataTables列 1个答案

我在选项卡面板中放入一页中的两个数据表（dtable1和dtable2）时遇到问题。

通过ajax检索数据后，dtable2的表宽度变小。

<div role="tabpanel">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#allocationtab" role="tab" data-toggle="tab">ALLOCATION</a>
                </li>
                <li role="presentation"><a href="#registrationtab" role="tab" data-toggle="tab">REGISTRATION</a>
                </li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="allocationtab">
                <br/>
                <div class="x_content">
                  <table id="allocationdatatable">
                  <thead>
                    <tr>
                      <th>AWB Start</th>
                      <th>AWB End</th>
                      <th>AWB Count</th>
                      <th>Created By</th>
                      <th>Created Date</th>
                    </tr>
                  </thead>

                  </table>
                </div>
                </div>

                <div role="tabpanel" class="tab-pane" id="registrationtab">
                <br/>
                <div class="x_content">
                  <table id="registrationdatatable">
                  <thead>
                    <tr>
                      <th>AWB Start</th>
                      <th>AWB End</th>
                      <th>AWB Count</th>
                      <th>Register By</th>
                      <th>Register Date</th>
                    </tr>
                  </thead>


                  </table>
                </div>

            </div>
            </div>
        </div>

标签面板dtable2

如果我从脚本中删除选项卡面板，则两个数据表均不存在问题。 感谢任何成员可以提供帮助。 谢谢