DataTables select option (multi)

select option 의 4가지

 

• api - API를 통해서만 선택이 가능합니다.
• single - 하나의 항목만 선택할 수 있으며, 새 항목이 선택되면 다른 선택된 항목은 자동으로 선택 해제됩니다.
• multi- 여러 항목을 선택할 수 있습니다. 선택할 항목을 클릭하기만 하면 선택이 수행됩니다.
• os- 운영 체제 (OS) 스타일 선택. 이것은 가장 포괄적인 옵션이며 개별 항목을 선택/선택 취소하기 위한 ctrl/cmd 클릭, 범위 선택을 위한 Shift 클릭, 단일 항목 선택을 위한 수정되지 않은 클릭과 같은 복잡한 동작을 제공합니다.

 

이 화면에서 row 를 클릭하면

---

이렇게 된다 현재는 multi 속성

코드도 디게 쉽다.

$(document).ready(function() {
    $('#example').DataTable( {
        select: {
            style: 'multi'
        }
    } );
} );

---

예외,

defaultContentAjax에서 콘텐츠를 로드하는 경우 columnDefs 의 옵션 을 사용하고 싶을 때

 

이걸 사용ㅋ

{
    targets: 0,
    data: null,
    defaultContent: '',
    orderable: false,
    className: 'select-checkbox'
}

 

 

---

https://datatables.net/extensions/select/examples/initialisation/multi.html

DataTables example - Multi item selection

 

참고 : DataTables 의 cdn 이 더 필요하다.

마지막의 select cdn이 없다면 추가를 해주자!

    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/select/1.3.3/js/dataTables.select.min.js"></script>