전체 글에 해당하는 글 157

  1. datatables 특정 컬럼 숨기기, hide 처리2022.01.21
반응형

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로 설정하면 된다.

 

댓글()
loading