隐藏DataTable div

Question

所以我试图删除一个div中包含内容的多个div，我即将放弃，因为我什么也做不了，

<!--this div loads when the page is loaded, I can't find this code in my file) I extracted this from google dev tools) -->
<div id="table_wrapper">
  <div class="table-header">//filters</div>
  <div class="table">//table info</div>
  <div class="table-footer">//more filters</div>
</div>

我只想要这个

<div id="table_wrapper">
  <div class="table">//table info</div>
</div>

我已经尝试了一些解决方案，但结果是一样的(什么都没有发生)

1

$(document).ready(function(){
    $('.table-header').remove();
    $('.table-footer').remove();
});

2

$(document).ready(function(){
    $(".table-header,.table-footer").hide();
});

3.

div#table_wrapper .table-header, .table-footer {
     display: none!important;
}

我不知道我还能做什么，我用

console.log("script #2: %o", document.getElementById("table_wrapper"));

看看是否有许多变化，但一切保持不变。

Answer 1

在你的style.css里试试这个

.no-footer .datatables-header, .datatables-footer { 
    display: none; 
}

Answer 2

$(".row-datatables-header,.row-datatables-footer").hide();