Datatable의 Laravel 사용자 정의 내보내기 버튼

이 기사에서는 데이터 테이블에서 laravel 사용자 정의 내보내기 버튼을 볼 수 있습니다. Datatable은 내장 버튼 기능을 제공하며 html5 버튼도 제공합니다. 따라서 요구 사항에 따라 테이블에 데이터 테이블 내보내기 버튼을 추가할 수 있습니다. Datatable은 또한 많은 사용자 정의 기능을 제공합니다. 따라서 이 예에서는 테이블 외부에 데이터 테이블 내보내기 버튼을 추가하는 방법을 살펴보겠습니다. 이러한 유형의 요구 사항이 여러 번 필요했습니다.

따라서 데이터 테이블 사용자 정의 내보내기 버튼 예제, laravel 8의 데이터 테이블 사용자 정의 내보내기 버튼, 테이블 외부의 데이터 테이블 내보내기 버튼, laravel 8 내보내기 버튼, 데이터 테이블의 사용자 정의 버튼, laravel 8 사용자 정의 내보내기 버튼을 추가하는 방법을 살펴 보겠습니다.

HTML 파일에서 아래 코드와 같이 테이블에서 ID 또는 클래스가 있는 div를 추가합니다.

<div id="buttons"></div>
<table id="example" class="table">
...
</table>

Read Also : PHP Array Functions With Example

buttons().containers()

buttons().containers() 함수를 사용하면 데이터 테이블 외부 어디에나 버튼을 추가할 수 있습니다.

이 단계에서는 데이터 테이블을 초기화합니다.

var table = $('#example').DataTable();

그런 다음 데이터 테이블 버튼 기능을 사용하여 아래 코드와 같이 테이블 외부에 버튼을 추가할 수 있습니다.

var buttons = new $.fn.dataTable.Buttons(table, {
     buttons: [
       'copyHtml5',
       'excelHtml5',
       'csvHtml5',
       'pdfHtml5'
    ]
}).container().appendTo($('#buttons'));

Read Also : Datatable Server Side Custom Search/Filter In Laravel


예시 :

아래 코드와 같이 데이터 테이블에 버튼을 직접 적용하십시오.

따라서 두 가지 방법 모두 데이터 테이블 외부에서 사용자 정의 내보내기 버튼을 구현할 수 있습니다.

var table = $('#example').DataTable({
    buttons: [
       'copyHtml5',
       'excelHtml5',
       'csvHtml5',
       'pdfHtml5'
    ]
});

table.buttons().container().appendTo($('#buttons'))

다음을 좋아할 수도 있습니다.

Read Also : Pagination Example In Laravel 7/8

Read Also : Laravel 8 CRUD Operation Example

Read Also : Laravel 8 Yajra Datatable Example Tutorial