帶有{{#each}}的Javascript表格，過濾不起作用

Question

我有一張表格，我想在其中進行過濾功能。

該表通過把手{{#each}}顯示來自流星收集的記錄。

的代碼看起來是這樣的：

keyup #filterbox': function(event){ 

     var table = document.getElementById('example'); 

     var len = table.rows.length; 

     for(var i=1; i< table.rows.length; i++){ 

     var cellText = table.rows[i].cells[1].innerHTML.toLowerCase(); 

     if(!(cellText.match(document.getElementById('filterbox').value.toLowerCase()))){ 

      table.rows[i].style.display = "none"; 
     } 
     else{ 
      table.rows[i].style.display = "block"; 
     }    
     } 
    }; 

當我輸入匹配與預定小區字母此代碼的工作。

但是，當我清除輸入框時，整個表會崩潰。只有在我刷新頁面後，它才能正確顯示。

我在做什麼錯在這裏？

Answer 1

嘗試用

table.rows[i].style.display = "table-row";

而不是

table.rows[i].style.display = "block";

Answer 2

你也可以看看一對夫婦將照顧表格排序的插件，過濾&分頁。它的許多工作都是從頭開始的。

• Tinytable http://www.scriptiny.com/2009/03/table-sorter/ - 對隕石的teeble
• 數據表（http://www.datatables.net/） - 對隕石爲datatables

Meteorite是一個非官方的社區包管理器。