jquery dataTable excel 버튼 채택완료
</p>
<p> $("#jquery-datatable-ajax-php").DataTable({</p>
<p> 'processing' : true,</p>
<p> 'searching': false,</p>
<p> 'destroy' : true,</p>
<p> 'dom': 'Bfrtip',</p>
<p> 'buttons' : [{extend:'excel', text: 'excel all'}],</p>
<p>// 'buttons' : ['excel', 'print'],</p>
<p> 'order' : [[0, 'asc']],</p>
<p> 'ajax' : {</p>
<p> 'url':'URL',</p>
<p> 'type':'POST',</p>
<p> 'data' : {</p>
<p> fr_date : $("#fr_date").val(),</p>
<p> to_date : $("#to_date").val(),</p>
<p> company : $("#company").val(),</p>
<p> sales : $("#sales").val(),</p>
<p> settlement : $("#settlement").val()</p>
<p> }</p>
<p> },</p>
<p>이런식으로 datatable을 이용하여 ajax로 처리하고있습니다. 근데 저 button 부분이 두가지 다 작성을해도 버튼이 생성되지않네요.. 다른 엑셀파일이 있어야하는것일까요..?파일이랑 버튼생성은 다르다고 생각하고 필요한 jquery script는 적용 된 상태입니다 데이터도 넘어가구요 버튼만생성이 안되네요..
답변 1개
버튼 플러그인을 사용할려면 버튼 css 파일도 불러와야합니다.
$(document).ready(function() {
$("#jquery-datatable-ajax-php").DataTable({
'processing' : true,
'searching': false,
'destroy' : true,
'dom': 'Bfrtip',
'buttons' : [{extend:'excel', text: 'excel all'}],
// 'buttons' : ['excel', 'print'],
'order' : [[0, 'asc']],
'ajax' : {
'url':'URL',
'type':'POST',
'data' : {
fr_date : $("#fr_date").val(),
to_date : $("#to_date").val(),
company : $("#company").val(),
sales : $("#sales").val(),
settlement : $("#settlement").val()
}
},
} );
} );
이렇게 해보세요
답변에 대한 댓글 5개
<script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
이걸 다 적용시켰다는 말입니다
관련 소스부분을 더 보여주셔야 원인을 파악을 할 수 있을것 같아요 그전에 버튼 css 쪽 확인 해보시구요....
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인