Javascript 如何编辑此表筛选脚本以按选定列筛选？

我正在使用以下脚本：

(function(document) {
    'use strict';

    var LightTableFilter = (function(Arr) {

        var _input;

        function _onInputEvent(e) {
            _input = e.target;
            var tables = document.getElementsByClassName(_input.getAttribute('data-table'));
            Arr.forEach.call(tables, function(table) {
                Arr.forEach.call(table.tBodies, function(tbody) {
                    Arr.forEach.call(tbody.rows, _filter);
                });
            });
        }

        function _filter(row) {
            var text = row.textContent.toLowerCase(), val = _input.value.toLowerCase();
            row.style.display = text.indexOf(val) === -1 ? 'none' : 'table-row';
        }

        return {
            init: function() {
                var inputs = document.getElementsByClassName('light-table-filter');
                Arr.forEach.call(inputs, function(input) {
                    input.oninput = _onInputEvent;
                });
            }
        };
    })(Array.prototype);

    document.addEventListener('readystatechange', function() {
        if (document.readyState === 'complete') {
            LightTableFilter.init();
        }
    });

})(document);

这个输入：

<input type="search" class="light-table-filter" data-table="order-table">

当我在过滤器输入中键入某些内容时，它会过滤一个表，这样我只会看到与文本匹配的条目。这样地：

---

如何编辑此脚本，使其不按整个表过滤，而只按某些选定列过滤？可能前三列是我需要筛选的内容。

我建议您添加一个包含要应用筛选的列名的数组，并在“筛选”功能中检查行名或标题是否与要应用筛选的列在一个数组中

我不太懂JavaScript，代码如下所示，带有rigth字段名：

var _input = ...;
var columnsToApplyFilter = ["column 1", "column 2"];

función _filter(...) {
    if (columnsToApplyFilter.contains(row.columnTitle) {
        // apply filter
    }
}

---

我建议您添加一个包含要应用筛选器的列名的数组，并在_filter函数中检查行名或标题是否与要应用筛选器的列一起位于数组中

我不太懂JavaScript，代码如下所示，带有rigth字段名：

var _input = ...;
var columnsToApplyFilter = ["column 1", "column 2"];

función _filter(...) {
    if (columnsToApplyFilter.contains(row.columnTitle) {
        // apply filter
    }
}

---

我会添加数据属性来配置哪些列是可搜索的。例如，HTML可以如下所示：

<input type="search" class="light-table-filter" 
       data-table="order-table" 
       data-table-columns="0,2" placeholder="Filter">

---

演示：

我会添加数据属性来配置哪些列是可搜索的。例如，HTML可以如下所示：

<input type="search" class="light-table-filter" 
       data-table="order-table" 
       data-table-columns="0,2" placeholder="Filter">

---

演示：

您可以重写

\u onInputEvent

并使用

数组对行数进行切片。切片

添加一个确定要切片哪些行的数据属性似乎是个好主意

<input type="search" data-count="[0,3]" class="light-table-filter" data-table="order-table" data-count="[0,3]" placeholder="Filter">

---

您可以重写

\u onInputEvent

，并使用

Array.slice

对行数进行切片

添加一个确定要切片哪些行的数据属性似乎是个好主意

<input type="search" data-count="[0,3]" class="light-table-filter" data-table="order-table" data-count="[0,3]" placeholder="Filter">