Скрыть Datatable перед извлечением данных из базы данных MySQL

Question

Я создаю веб-сайт, на котором мы можем получать данные из MySQL и отображать их в виде таблицы.Я использую датируемые коды для адаптивной таблицы с пагинацией и возможностью поиска.Когда мы открываем страницу, таблица остается пустой, а когда мы вводим любое слово и нажимаем ввод, данные выбираются из таблицы.Я хочу скрыть таблицу перед извлечением данных, так как посетитель вводит поисковый запрос в замешательство.Пожалуйста, помогите мне решить эту проблему.Пожалуйста, смотрите таблицу, обведенную красной меткой, которую я хочу удалить перед поиском, и отображайте данные в этой таблице только после нажатия кнопки поиска.

Answer 1

Привет, мой друг, попробуй так:

<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
});

Надеюсь, это поможет

Answer 2

Добавьте приведенные ниже коды в ТОЛЬКО ПОСЛЕ ИНИЦИАЛИЗАЦИОННОЙ ТАБЛИЦЫ

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

Я сделал это, чтобы решить проблему

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