jQuery DataTables - 启动缓慢， "Normal"html 表显示在开头

Question

我正在使用 jQuery DataTable 插件，但我担心脚本加载似乎需要一些时间，所以我的网页总是首先显示普通的 html 表格，在所有脚本完成后，表格将变成数据表。我觉得这种样子不太能接受，所以希望能在这里得到一些建议。我是否可以使脚本更快，或者不显示前面的普通表格？顺便说一句，我正在从 _Layout.cshtml 头标记的 _Scripts 部分 View 调用我的脚本

 @Html.Partial("_Scripts") 

(更新)我尝试隐藏该表，并在数据表初始化后显示它，但是，我得到一个没有表头的数据表。知道为什么会发生这种情况吗？

$('#stocktable').hide();
// Initialize data table
    var myTable = $('#stocktable').dataTable({

        // Try styling
        "sScrollX": "100%",
        "sScrollXInner": "100%",
        "bScrollCollapse": true,

        // To use themeroller theme
        "bJQueryUI": true,
        // To use TableTool plugin
        "sDom": 'T<"clear">lfrtip',
        // Allow single row to be selected
        "oTableTools": {
            "sRowSelect": "single"
        },
        "fnInitComplete": function () {
            $('#stocktable').show();
        }

Answer 1

我做了一个非常简单的解决方案，效果很好。在 DataTable 初始化中，我使用了 show() 方法:

$(document).ready(function() {
    $('#example').dataTable({
        "order": [[ 0, 'asc' ]]
    });
    $('#example').show();
} );

...在 HTML 表中我放置了样式 display:none:

<table id="example" class="display" cellspacing="0" width="100%" style="display:none">

祝你好运!