datatables 특정 컬럼 숨기기, hide 처리
Devel/그 외 ...2022. 1. 21. 00:00
반응형
datatables 특정 컬럼 숨기기 위한 방법으로는 크게 2가지가 있다.D
var table = $('#test').DataTable( {
"processing": true,
columns : [
{data: "test1"},
{data: "test2"},
{data: "test3"},
],
'columnDefs': [{
'targets': 0,
'searchable': false,
'orderable': false,
],
// 최신등록 순별로 내림차순
'order': [[2, 'desc']],
});
//컬럼 안보이게 설정
table.column(1).visible(false);
table.column(1).visible(false);
원하는 컬럼 위치를 설정하여 visible(false) 설정으로 특정 컬럼을 안보이게 설정할 수 있고,
columnDefs 내에 설정을 추가하여 컬럼 숨기기를 할 수도 있다.
{
"targets": [ 1 ],
"visible": false,
"searchable": false
}
targets을 컬럼 순서를 설정하고, visible를 false로,
검색기능은 되었으면 좋겠다면 searchable을 true로 설정하면 된다.
'Devel > 그 외 ...' 카테고리의 다른 글
Mac(맥) Homebrew 설치 및 확인 방법 (0) | 2022.03.08 |
---|---|
Datatables date range picker 적용, 날짜 검색 기능(date range filter) (0) | 2022.01.22 |
Datatables date range filter 설정(데이터 테이블 날짜 범위 설정) (0) | 2022.01.20 |
Git commit , push 되돌리기, 취소/삭제하기 (0) | 2022.01.14 |
VS CODE(visual studio code) 파일 마커 알파벳 의미("M 표시" 등) (0) | 2022.01.13 |
댓글()