Question

在加载jquery DataTables之前，简单且无格式地加载表数据。我进行了研究，发现许多人说解决方案是使用CSS隐藏表，然后使用initComplete在jquery中显示它。我尝试了以下方法，但似乎无济于事：

css:
#tblAccount {
    visibility:hidden;
}
#tblCustomer {
    visibility: hidden;
}

jquery:
$(function () {
    $("[id*=tblAccount], [id *= tblCustomer]").prepend($("<thead></thead>").append($(this).find("tr:first"))).DataTable({
        "paging": true,
        "lengthChange": true,
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": true,
        "responsive": true,
        "dom": 'lBfrtip',
        "buttons": ['excel', 'print', 'pdfHtml5'],
        "initComplete": function () {
            $('#tblAccount').show().css({ visibility: "visible" });
        $('#tblCustomer').show().css({ visibility: "visible" });
        }

    });
})

Answer 1

我认为您既不需要.show（）函数，也不需要用css（{可见性：“可见”}）来更改css。

如果您开始加载#tblAccount和#tblCustomer上具有“显示：无”的页面，则继续拥有

$('#tblAccount').show();
$('#tblCustomer').show();

在initComplete函数中，您应该获得想要的功能。

在加载jquery DataTables之前，表数据将以简单且无格式的方式加载。

1 个答案: