Library/DataTables

DataTalbes Button 생성

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

요로코롬 커스텀 버튼을 만들어 보자


일단 속성을 정해 줘야한다.

            deferRender: true,
            rowId: "title",
            buttons: [
                {
                    className: "btn btn-dark",
                    text: "버튼으로만 가능?",
                    action: function () {
                        tables.ajax.reload();
                    }
                }
            ]

 

 

  • deferRender : 걍 별거 없다 서버연기시키는거 같음
  • rowId : 별거 있다. 아이디 속성값으로 뭘 정한다는데 잘모르겠음;

자세한건 공식홈페이지로 가자..

 

위에 코드처럼 쓰고 꼭 해줘야하는것.

 

DOM설정을 해야한다.

DOM 설정값은 앞의 게시글에 적혀있따.

또한 버튼의 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>
    <script src="https://cdn.datatables.net/buttons/2.0.1/js/dataTables.buttons.min.js"></script>
728x90
반응형

'Library > DataTables' 카테고리의 다른 글

제어중인 script  (0) 2021.12.01
특정 값 선택하는 방법  (0) 2021.11.26
DataTables 다중 정렬  (0) 2021.11.24
DataTables select option (multi)  (0) 2021.11.23
DataTables 빈 컬럼 생성 후 체크박스 만들기  (0) 2021.11.23
DataTables dom, Customizing the default menu  (0) 2021.11.22