데이터 테이블의 Laravel 8 내보내기 버튼 예

오늘은 데이터 테이블의 Laravel 8 내보내기 버튼 예제를 보여 드리겠습니다. Excel, pdf 또는 csv 파일 형식의 데이터를 dataTable로 내보내려면 DataTable에 내보내기 버튼을 추가해야 합니다. 그래서 여기서는 jquery를 사용하여 데이터 테이블에 내보내기 버튼을 추가하는 방법을 보여 드리겠습니다.

Datatables는 데이터 테이블에 내보내기 버튼을 추가하기 위한 DataTable 버튼 플러그인을 제공합니다. 내보내기 버튼을 추가한 후 데이터를 CSV 파일 또는 Excel 시트 파일, pdf 파일로 쉽게 내보낼 수 있으며 모든 데이터 테이블 데이터를 html 형식으로 복사할 수도 있습니다.

Read Also : Laravel 8 Yajra Datatable Example Tutorial

데이터 테이블에 내보내기 버튼을 추가하려면 js cdn 아래에 추가해야 합니다.

https://code.jquery.com/jquery-3.5.1.js
https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js
https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js
https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js
https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js
https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js
https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js

또한 다음 CSS 라이브러리 파일을 추가하여 이 예제에서 사용하여 테이블의 스타일을 제공합니다.

https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css
https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css

스크립트 태그에 아래 자바스크립트 코드를 추가하세요.

$(document).ready(function() {
    $('#export_example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ]
    } );
} );

Read Also : Laravel 8 Import Export CSV/EXCEL File Example

이 기사가 마음에 들면 "좋아요", "공유"및 "댓글"을 잊지 마세요.

읽어 주셔서 감사합니다... !!