如何通過bootstrap-table中的某個列進行篩選？

Question

我有一張表，名爲gender，只有兩個值：男性和女性。

我想要的是在表格上方選擇，當我選擇男性時，只有具有性別列的行等於男性演出。

如何在bootstrap表中做到這一點？找不到任何相似的例子。

Answer 1

你應該用數據表，它擁有一切：https://datatables.net/examples/styling/bootstrap.html

Answer 2

function myFunction() { 
    var input, filter, table, tr, td, i; 
    input = document.getElementById("myInput"); 
    filter = input.value.toUpperCase(); 
    table = document.getElementById("myTable"); 
    tr = table.getElementsByTagName("tr"); 
    for (i = 0; i < tr.length; i++) { 
     td = tr[i].getElementsByTagName("td")[1]; 
     if (td) { 
      if (td.innerHTML.toUpperCase().indexOf(filter) > -1) { 
      tr[i].style.display = ""; 
      } else { 
      tr[i].style.display = "none"; 
     } 
    }  
    } 
} 

在這種W3Schools的提供here，你需要的是在td = tr[i].getElementsByTagName("td")[1];數更改爲列的數唯一的代碼，你需要。