kasumil의 코딩 공작소

제이쿼리 내 배열 검색 기능. 배열 내용을 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, ..

버튼 클릭할 경우 해당 기간에 맞춰 동적으로 DataTable을 변경하는 기능이 필요했다. 코드는 기존에 작성했던대로 사용했으면 됐으나 기존 값이 있는 경우 새로 갱신이 되지 않았다. 2021.11.03 - [취업/Datatable] - [PHP] DATATABLE AJAX 통신하기2. [PHP] DATATABLE AJAX 통신하기2. https://kasumil.tistory.com/196 이전편에서 해당 내용을 언급했었다. 하지만, 해당 부분은 완벽하지 않았다. DB값에서 온 것을 바로 넣는 수준이었기때문에 그러하다. 응답 값을 수정하지 못 했으니까! kasumil.tistory.com 그래서 찾아보니 datatable을 destroy해라 이것을 사용해도 된다. 그런데, ui가 깨지는 문제가 발생하더..

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 이런 구조의 테이블이 있다. 이를 스크롤을 추가하려고 한다. 하지만 테이블이 깨진다. 이를 해결하기 위해서 찾아보다가 원본 사이트가 어딘지는 모르겠지만, 어제 발견했다가 오늘은 못 찾겠더라. 그래서 해당 내용을 게시한다. table, thead { display:block; width:100%; } table thead tr { display:table; table-layout:fixed; width:100%; } tbody { display: block; height: 13rem; overflow-y: scroll; } tbody tr { display: table; table-layout: fixed; width:1..