Javascript-单个表格组合列搜索

时间:2019-07-14 09:09:54

标签: javascript search filter

为了简短起见:我有一个表,我想为这些列创建一个多重/组合搜索过滤器。不幸的是,我发现了一个很好的例子,这需要jquery。我正在寻找没有JQuery的示例

https://datatables.net/examples/api/multi_filter.html

任何帮助表示赞赏。

我已经为一个列尝试了几种搜索组合,但是组合的搜索不起作用。提到的URL的工作方式与我需要的完全一样,但是如何在没有JQuery的情况下使用它呢?这是我使用的全局搜索功能,但这完全不同:

(function search(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);

任何帮助表示赞赏。谢谢

0 个答案:

没有答案