Помогите допилить поиск в datatble js
 

Всем доброго дня!
Помогите плиз - пытаюсь запилить поиск в datatable

Вот что делаю

$('#example').DataTable({
			initComplete: function () {
            // Apply the search
            this.api()
                .columns()
                .every(function () {
                    var that = this;
$('#tablefiltsubmit').on('click', function() {

var dataotcol = that.columns(0);
var datadocol = that.columns(1);
	var dataotval = document.querySelector('#dataot').value;
	var datadoval = document.querySelector('#datado').value;
	var typeval = document.querySelector('#typeoper').value;
	var cityval = document.querySelector('#citys').value;


                        if (dataotcol) {
							//console.log(that.column);
                            dataotcol.search(dataotval).draw();

 datadocol.search(datadoval).draw();
}

                    });
                });
}
});

Это работает но очень долго - я так понимаю он мне кучу раз перерисовывает таблицу сначала каждый столбец потом еще раз первый и второй чтобы поискать и если передаваемые значения будут пустые - это все так же очень долго происходит... Учитывая что в таблице несколько десятков тысяч записей - это печально!

Подскажите плиз - как сделать правильно ?

firsmember,
по клику надо сделать обход колонок, а не на оборот.

Если бы я понимал - что делаю не так не спрашивал бы)
Не понимаю что не то (((

firsmember,
могу только гадать, вам лучше почитать документацию, возможно в примерах есть, то что вы ищите.

firsmember,
условно должно быть как-то так ...

$('#example').DataTable({
                    initComplete: function() {
                        $('#tablefiltsubmit').on('click', function() {
                            var table = $('#example').DataTable();
                            var dataotval = document.querySelector('#dataot').value;
                            var datadoval = document.querySelector('#datado').value;
                            var typeval = document.querySelector('#typeoper').value;
                            var cityval = document.querySelector('#citys').value;
                            var ar = [dataotval, datadoval, typeval, cityval];
                            for (let i = 0; i < ar.length; i++) {
                                if (ar[i]) table = table.column(i).search(ar[i])
                            }
                            table.draw();
                        });
                    }
                })

Верно - есть такой пример https://datatables.net/examples/api/regex.html
Но я не понимаю как сделать отправку всех полей в соответствующие колонки при клике по кнопке - применить - а не при изменении поля

firsmember,
смотрите код выше, немного исправил.

Извините - но не понимаю - где у вас указывается по какой колонке - какое из полей ищет ?
потому что работает отлично и быстро - но вот некоторые значения не в те колонки прописались

Может давайте поисковым полям атрибут назначим с номером колонки тогда от 0 и т.д. ? Подскажите?

строка 9, либо измените порядок, либо добавьте колонки, в которых не надо искать.

firsmember,
если совсем никак напишите здесь номера колонки для dataotval, datadoval, typeval, cityval

Разобрался - спасибо большое !
Понял - как работает и в чем ошибка была! Премного вам благодарен Рони!

firsmember,
ура!!!)))