drawCallback

데이터 테이블이 테이블을 그릴 때 호출 되는 함수

 

예를 들어서 페이지를 넘기거나, 검색을 한다거나 한 후의 테이블을 그릴 떄 이벤트를 할당 할 수 있는 함수

 

 

---

 

예제 (기본)

$('#example').dataTable( {
    "drawCallback": function( settings ) {
        alert( 'DataTables has redrawn the table' );
    }
} );

 

 

---

다른 예시

해당 popover 를 표시하려고 할때 

따로 함수를 만들지말고 drawCallback에 넣으면 해당 코드가 적용된다.

 

 

 

이런 popover가 있다고 치면

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="hover" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>

 

 

아래처럼 drawCallback에 popover를 실행하는 코드를 넣어주면 된다.

 

            drawCallback: function () {
            	// 이건 신경안써도 됌 예시일뿐
                $(".dataTables_paginate > .pagination").addClass("pagination-rounded");
                // 핵심은 여기 (popover를 적용시킬 때)
                $('[data-toggle="popover"]').popover({
                    container: "body",
                    trigger: 'hover'
                });
            }

 

아니면 첫 페이지에서만 작동하거나 아예 작동하지 않는 경우가 생긴다.

 

내가 그랬따....