当jQuery DataTable在MVC 4脚本部分初始化时，隐藏表数据的最佳方法是什么?

本文关键字：数据隐藏最佳是什么方法 DataTable jQuery MVC 初始化脚本部 | 更新日期: 2023-09-27 18:19:06

我想知道如果有人有最好的方法来隐藏所有的数据，将显示在一个jQuery DataTable。例如，当页面加载时，显示"数据加载"文本或空白文本，直到初始化Jquery数据表，然后所有数据都显示在数据表中。

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

谢谢!

当jQuery DataTable在MVC 4脚本部分初始化时，隐藏表数据的最佳方法是什么?

您可以通过使用style (display:none)隐藏表，然后在数据表完成加载后再次显示它来实现这一点。这个问题有一个例子:jQuery数据表-缓慢启动"Normal"HTML表格开头

把我的解决方案放在这里，

我所做的(在我哥哥的帮助下，他嘲笑我试图写jQuery!)

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

我添加了一个display:none到我的表的样式。

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

然后在init完成后公开它。

<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>

相关文章：

最新信息: