我正在使用 jQuery DataTable 插件,但我担心脚本加载似乎需要一些时间,所以我的网页总是首先显示普通的 html 表格,在所有脚本完成后,该表格将变成 DataTable。
我觉得这种样子不太能接受,所以希望能在这里得到一些建议。我是否可以使脚本更快,或者不显示前面的普通表格?
顺便说一句,我正在从 _Layout.cshtml 头标记处的 _Scripts 部分视图调用我的脚本
@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();
}
我做了一个非常简单的解决方案,效果很好。
在 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">
祝你好运!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)