Question

我正在使用JQuery的数据表插件。这是表的配置

do_HttpMethod_

数据来自AJAX调用。单击按钮，我再次获取数据并重新创建DataTable。但每次重新创建表格时，即使数据保持不变，表格单元格的宽度和高度也会增加。是什么导致这种行为的线索？

httpServletRequest.getSession()

HTML

            $('#myTable').dataTable({
                data: data,
                bFilter: false,
                bInfo: false,
                paging: false,
                destroy: true,
                columns: [
                    { 'data': 'ReportRank' },
                    { 'data': 'CategoryName' },
                    { 'data': 'ReportName' },
                    { 'data': 'PercentageChange' }
                ]
            });

的Javascript

Update

populateDatatable方法进行ajax调用，OnSuccess将数据传递给上述配置。

更新2

要暂时解决问题，我已将配置更改为

 <div class="col-md-5">
        <div class="form-layout">
            <table class="table" id="myTable">
                <thead>
                    <tr>
                        <th>Rank</th>
                        <th>Category</th>
                        <th>Report</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>

    </div>

但我想要一些更好的解决方案，我仍然对造成它的原因感到困惑。

Answer 1

table {
  table-layout: fixed;
}

这将解决您的问题。即使我在几周前面临同样的问题，这个技巧也解决了我的问题。

每次重新创建时，Jquery Datatable的单元格大小都会增加

1 个答案: