Advertisement
Valian

filtro tabla

May 25th, 2019
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script>
  2.  
  3.     document.querySelector("#buscar").onkeyup = function(){
  4.         $TableFilter("#tabla", this.value);
  5.     }
  6.     $TableFilter = function(id, value){
  7.         var rows = document.querySelectorAll(id + ' tbody tr');
  8.        
  9.         for(var i = 0; i < rows.length; i++){
  10.             var showRow = false;
  11.            
  12.             var row = rows[i];
  13.             row.style.display = 'none';
  14.            
  15.             for(var x = 0; x < row.childElementCount; x++){
  16.                 if(row.children[x].textContent.toLowerCase().indexOf(value.toLowerCase().trim()) > -1){
  17.                     showRow = true;
  18.                     break;
  19.                 }
  20.             }
  21.            
  22.             if(showRow){
  23.                 row.style.display = null;
  24.             }
  25.         }
  26.     }
  27.     </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement