从MySQL数据库获取数据之前隐藏数据表

Question

我正在建立一个网站，我们可以在该网站上从MySQL获取数据并显示在表格中。我正在使用带有分页和搜索选项的响应表的数据表代码。当我们打开页面时，表格保持空白，当我们输入任何单词并按回车键时，数据将被提取到表格中。我想在获取数据之前隐藏该表，因为它会使访问者难以输入搜索词。请帮助我解决此问题。请在搜索前看到我要删除的带红色标记的表，并仅在单击搜索按钮后在此表中显示数据。

Answer 1

在刚初始化表后添加以下代码

if ($(".dataTables_empty").length) {
$(".dataTables_wrapper").hide(); }

我这样做是为了解决问题

<script type="text/javascript"> $(document).ready(function() {
$('#example').DataTable(); if ($(".dataTables_empty").length) { $(".dataTables_wrapper").hide();} } ); </script>

Answer 2

嗨，我的朋友这样尝试：

<div class="table-responsive" id="yourInputSearchValue" style="display:none">
<table class="display dataTable" id="exampleTable"  >
                                //Your columns here
                               </table>
                                 </div>

Javascript：

$('#yourSubmit').on('click',function() {
console.log($('#yourInputSearchValue').val());
id = $.trim($('#yourInputSearchValue').val().replace(/\s+/g, ' '));
console.log(id);
$('#theDivthatContainsTheTable').hide();
exampleTable =$('#exampleTable').DataTable();
if ($.fn.DataTable.isDataTable("#exampleTable")) {
exampleTable.destroy();
$('#exampleTable tbody').remove();
}//this help when you search again
});

希望有帮助