반응형
자바스크립트로 테이블 그리실 때 datatables (https://datatables.net/) 많이 사용하실 것 같아요. 저도 사용하고 있는데 redraw 하는 방법 간단하게 정리해봅니다.
저는 destroy하고 다시 그리는 방법을 사용하고 있는데요. data만 변경하는 것도 있겠죠?
var table; //테이블을 생성해서 저장해둘 변수
table = $('#targetTableDiv').DataTable({ ..... });
//이런식으로 DataTable..로 생성할 때 return되는 것을 table에 저장해둡니다.
table.destroy(); //table을 destroy 하시고 다시 그립니다.
table = $('#targetTableDiv').DataTable({ ..... });
datatable은 기능이 많고 필요한 기능만 사용할 수 있어서 좋더라고요. 여러 편의 기능을 제가 직접 개발하지 않아도 되니까 좋고요. javascript table 라이브러리 찾고 계시다면 한 번 사용해보세요.
반응형
'자바스크립트,부트' 카테고리의 다른 글
| twbsPagination Redraw (0) | 2019.05.31 |
|---|---|
| html select selection for test / jQuery, trigger (0) | 2019.05.31 |
| 자바스크립트 jQuery input enter event (0) | 2019.05.31 |
| datatables redraw (0) | 2019.05.31 |
| jQuery로 select 된 값 가지고 오기 (0) | 2019.05.27 |
| javascript - select - focus and change (0) | 2019.05.26 |
| IE11, Edge 에서 CSS 배경이미지 SVG 사용 (0) | 2018.01.19 |
| 자바스크립트 URL 정보 가져오기(찾기, 확인) (0) | 2017.06.15 |