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
반응형