javascript - jQuery数据表默认折叠

默认情况下，我的表加载如下：
我必须调整浏览器的大小以使页眉展开：
然后单击其中一个标题（排序）展开所有行：
是否有遗漏，但我无法找出崩溃是默认的原因。
js+车把文件：

(function() {
    "use strict";

    var MyCollection = Backbone.Collection.extend({

        url: /some/path
    });

    var MyRowView = Reporting.RowView.extend({
        template: _.template($("#row-template").html())
    });

    var MyTableView = Reporting.TableView.extend({
        el: $(".report"),
        header: _.template($("#header-template").html()),
        table: _.template($( "#table-template").html()),
        RowView: MyRowView
    });

    var mycollection = new MyCollection();

    var tableView = new MyTableView({
        collection: mycollection
    });

    mycollection.fetch();

})();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/template" id="header-template">
    <tr>
        <th>{{i18n "Assignment"}}</th>
        <th>{{i18n "Status"}}</th>
        <th>{{i18n "Success"}}</th>
        <th>{{i18n "Score"}}</th>
        <th>{{i18n "Comments"}}</th>
        <th>{{i18n "Rating"}}</th>
    </tr>
</script>

<script type="text/template" id="row-template">
    <td><%= resourceName %></td>
    <td><%= completionStatus %></td>
    <td><%= successStatus %></td>
    <td><%= score %></td>
    <td><%= noComments %></td>
    <td><%= noRatings %></td>
</script>

<script type="text/template" id="table-template">
    <table id="table-id" width="100%" class="table table-striped table-hover table-bordered">
        <thead>
        </thead>
        <tbody>
        </tbody>
    </table>
</script>

<div class="report">
    {{include this resourceType="/path/to/bootstraptable"}}
</div>
{{includeClientLib categories="category.of.js.file" }}

最佳答案

原因
很可能发生这种情况，因为在数据表初始化时，表是隐藏的。但是，在JavaScript代码中看不到数据表初始化代码。
解决方案
当表变为可见时，需要运行以下函数。

$('#table-id').DataTable().columns.adjust();

从手册的columns.adjust()页：
如果在初始化时（例如在选项卡中）表变为可见或数据发生显著更改时隐藏，则调用它。
链接
当表最初隐藏时，请参阅jQuery DataTables – Column width issues with Bootstrap tabs以了解jQuery DataTables最常见问题的解决方案。

关于javascript - jQuery数据表默认折叠，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31351382/