带有{{{#each}}的Javascript表，筛选不起作用

我有一个表，我想在其中进行过滤功能

该表通过手柄

{{{#each}}

显示meteor收集的记录

代码如下所示：

    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";
        }               
      }
   };

keyup#filterbox'：函数（事件）{
var table=document.getElementById（'example'）；
var len=table.rows.length；
对于（变量i=1；i

当我键入与预定义单元格匹配的字母时，此代码起作用

但当我清除输入框时，整个表都会折叠起来。只有在我刷新页面后，它才会正确显示

我做错了什么？

试试看

table.rows[i].style.display=“table row”

而不是

table.rows[i].style.display=“block”
您还可以看看几个插件，它们负责表的排序、过滤和分页。从头开始做这件事需要做很多工作


Tinytable-陨石上的Tinytable
Datatables（）-在陨石上作为
Datatables

是一个非官方的社区包管理员