export buttons not showing on large data
export buttons not showing on large data
Muhammad_Arlsan
Posts: 5Questions: 1Answers: 0
My data tables are not showing export buttons on large amount of data meanwhile the same code is working on less amount of data
I'm using this model https://datatables.net/extensions/buttons/examples/html5/simple.html
This discussion has been closed.
Answers
Are you getting any Javascript errors showing in the browser's console?
Kevin
No there is no Javascript error
This is my code...!
<html>
<head>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.3.1/css/buttons.dataTables.min.css" type="text/css"/>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
<script>
$(document).ready(function() {
$('#example').DataTable( {
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
]
} );
} );
</script>
</head>
<body>
//Table code is here
</body>
</html>
Did you check the raw HTML of the page to make sure its balanced and correct? You are showing more than ten rows, the default page size so something else is going on.
Here is the source code , plz help me if any can solve this problem
What Bindrid means wi did you view the source of the rendered web page to make sure it is correct. Maybe run it through the W3C Validator.
Kevin