Library/DataTables

DataTables 빈 컬럼 생성 후 체크박스 만들기

원2 2021. 11. 23. 11:39
728x90
반응형

체크박스칸을 만들기 위해서 빈 컬럼을 추가해 보겠다.

이 상태에서


이렇게 만들거임


온갖 실패를 거듭하다가 오버스택플로우에서 해결방법을 찾았다.

 

1. 우선 <thead>에 <th>를 하나 추가,

2. 아래처럼 colums에 data 값 없이 속성만 정해서 입력(여기서 data값을 못읽어온다고 하길래 data 값을 받아오지 않는걸 검색하다가 시간날림)

3. 끝. 

 

주의사항 : colums의 순서에 맞게 해줘야한다. (원하는 위치)

체크박스를 없애면 빈 컬럼이 됨ㅇㅇ

 

            columns: [

                {
                    // targets: 0,
                    // searchable: false,
                    orderable: false, // 정렬기능
                    className: 'table-active dt-body-center',
                    render: function (data, type, full, meta) {
                        return '<input type="checkbox" name="id[]" value="">';
                    }
                },

 

728x90
반응형