隐藏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

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

Answer 2

以您的style.css尝试

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