[Datatable] 배열 검색 기능.

제이쿼리 내 배열 검색 기능.

 

배열 내용을 join하면 된다.

 let dataTable = $('#dataTable').DataTable({
            responsive: true,
            order: [[0, 'desc']],
        });

        let checkBoxArr = [];
        $('#filter .filter').on('change keyup', function () {
            if(this.checked == true) {
                checkBoxArr.push(this.value);
            } else {
                checkBoxArr = checkBoxArr.filter((el) => {
                    return el !== this.value;
                });
            }
            dataTable
                .column(1)
                .search(checkBoxArr.join("|"), true, false, true)
                .draw();
        });

 

// 해당 내용으로 검색하면 search 내용으로
// 아래와 같이 출력된다.
// 실제 배열 내용 [사과,수박,바나나,파인애플,오이]
사과|수박|바나나|파인애플|오이

 

이상 끝.

 

++ 참조

https://datatables.net/forums/discussion/43354/search-array-of-numbers-for-exact-match

Search array of numbers for exact match

https://velog.io/@eojin/Datatables-%EC%B2%B4%ED%81%AC%EB%B0%95%EC%8A%A4-%ED%95%84%ED%84%B0-%EC%A0%81%EC%9A%A9-%EB%A9%94%EB%AA%A8

(jQuery) Datatables 체크박스 필터 적용 메모