3

我想知道是否有人有最好的方法来隐藏将在 jQuery DataTable 中显示的所有数据。例如加载页面时 - 显示“数据加载”文本或者它是空白的，直到 Jquery DataTable 被初始化，然后所有数据都显示在 DataTable 中。

我正在使用 MVC4，所以我正在使用屏幕底部的脚本部分。如果有人有任何想法或对你有用的东西......

谢谢！

4

2 回答 2

5

您可以通过隐藏带有样式 (display:none) 的表，然后在数据表完成加载后再次显示它来做到这一点。这个问题有一个例子： jQuery DataTables - 启动缓慢，“Normal” html table shown in the beginning

于 2013-06-20T13:29:53.123 回答
1

只是把我的解决方案放在这里给那些迷失的灵魂，

我做了什么（在我兄弟的帮助下，他嘲笑我写 jQuery 的尝试！）

是等待初始化完成，如下所述：https ://datatables.net/reference/option/initComplete

我display:none在我的桌子样式中添加了一个。

<table id="your-table-id" style="display:none">...</table>

然后在初始化完成后将其公开。

<script>
$('<h2 class="loading text-center">Loading...</h2>').appendTo('body');
  $(document).ready(function () {
    $('#your-table-id').DataTable({
        "initComplete": function( settings, json ) {
            $('h2.loading').remove();
            $(this).show()
        },
    });
});
</script>
于 2021-06-07T20:02:15.397 回答