DataTable 正确隐藏行

Question

我在 javascript 方面有很多经验，我有一个大问题要解决。

如何正确隐藏一些行？

我喜欢当行被隐藏时，表格被“重置”，只有可见行，通常显示分页和可见行。

var tableList = $('#listaJogadores').DataTable();
var tabela = document.getElementById('listaJogadores');

$(document).on("click",".searchButton" ,function(){

  for (var i = 1; i < tabela.rows.length; i++) {
     var divPosicao = tabela.rows[i].cells[1].getElementsByTagName('div')[0].innerHTML;
     var divIdJogador = tabela.rows[i].cells[1].getElementsByTagName('div')[1].innerHTML;

      if (divPosicao != posicaoLista){
        tabela.rows[i].style.display = 'none';
      }
   }
});

Problem image here

Answer 1

在<div> 中添加行内容，然后隐藏 div