Javascript 单个列过滤是否可手持?

Javascript 单个列过滤是否可手持?,javascript,handsontable,Javascript,Handsontable,我要寻找的是一个针对Handsontable电子表格插件的单独列搜索功能(与此电子表格示例完全相同) Handsontable团队已经开发出的功能包括: 多重筛选Excel-like(但包含在专业版中)-我的案例的缺点是它不是免费的,并且不太适合我所寻找的 根据用户输入高亮显示单元格或行-缺点是我只需要显示相关行 是否存在这样的情况,即根据用户的多个输入,仅显示相关行,并使用Handsontable?基于此解决方案,我成功地编写了一个解决方案 我想要的主要功能是: // The funct

我要寻找的是一个针对Handsontable电子表格插件的单独列搜索功能(与此电子表格示例完全相同)

Handsontable团队已经开发出的功能包括:

  • 多重筛选Excel-like(但包含在专业版中)-我的案例的缺点是它不是免费的,并且不太适合我所寻找的
  • 根据用户输入高亮显示单元格或行-缺点是我只需要显示相关行

是否存在这样的情况,即根据用户的多个输入,仅显示相关行,并使用Handsontable?

基于此解决方案,我成功地编写了一个解决方案

我想要的主要功能是:

// The function push every row satisfying all the input values into an array that is loaded
function filter() {
var row, r_len, col, c_len;
var data = myData; // Keeping the integrity of the original data
var array = [];
var match = true;
for (row = 0, r_len = data.length; row < r_len; row++) {
    for(col = 0, c_len = searchFields.length; col < c_len; col++) {
        if(('' + data[row][col]).toLowerCase().indexOf(searchFields[col]) > -1);
            else match=false;
        }
        if(match) array.push(data[row]);
        match = true;
    }
    hot.loadData(array);
}
//函数将满足所有输入值的每一行推送到加载的数组中
函数过滤器(){
变量行、r_len、col、c_len;
var data=myData;//保持原始数据的完整性
var数组=[];
var匹配=真;
for(行=0,r_len=data.length;行-1;
else匹配=false;
}
if(匹配)array.push(数据[行]);
匹配=真;
}
热加载数据(数组);
}
我所做的是使字符串表与输入字段(searchFields)保持同步,比较输入和相应列之间的每一行数据,并将相关行推送到数组中,以最终显示结果数组。此函数用于输入字段中导致实时表格筛选的任何更改

请注意,我尝试了大约10k行的解决方案,它们在Chrome、Firefox和IE上没有任何性能问题


还请注意,我设法找到了一种解决方案,在编辑值时,使当前显示的表与原始数据保持同步,但这超出了本问题的范围。如果您对此感兴趣,请在评论中告诉我。

基于此解决方案,我成功地编写了一个解决方案

我想要的主要功能是:

// The function push every row satisfying all the input values into an array that is loaded
function filter() {
var row, r_len, col, c_len;
var data = myData; // Keeping the integrity of the original data
var array = [];
var match = true;
for (row = 0, r_len = data.length; row < r_len; row++) {
    for(col = 0, c_len = searchFields.length; col < c_len; col++) {
        if(('' + data[row][col]).toLowerCase().indexOf(searchFields[col]) > -1);
            else match=false;
        }
        if(match) array.push(data[row]);
        match = true;
    }
    hot.loadData(array);
}
//函数将满足所有输入值的每一行推送到加载的数组中
函数过滤器(){
变量行、r_len、col、c_len;
var data=myData;//保持原始数据的完整性
var数组=[];
var匹配=真;
for(行=0,r_len=data.length;行-1;
else匹配=false;
}
if(匹配)array.push(数据[行]);
匹配=真;
}
热加载数据(数组);
}
我所做的是使字符串表与输入字段(searchFields)保持同步,比较输入和相应列之间的每一行数据,并将相关行推送到数组中,以最终显示结果数组。此函数用于输入字段中导致实时表格筛选的任何更改

请注意,我尝试了大约10k行的解决方案,它们在Chrome、Firefox和IE上没有任何性能问题


还请注意,我设法找到了一种解决方案,在编辑值时,使当前显示的表与原始数据保持同步,但这超出了本问题的范围。如果您对此感兴趣,请在评论中告诉我。

您想隐藏结果行,但隐藏在Handsontable中的是PRO版本。那么有什么解决方法吗?您想隐藏结果行,但隐藏在Handsontable中的是PRO版本。那么有什么解决方法吗?