我正在使用Datatables来显示报告和记录.但我遇到的问题是文件导出按钮和底部的分页只显示为链接而不是按钮.
这是我的屏幕截图
<link href="/vendor/bootstrap/v3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="/vendor/bootstrap/v3.3.6/js/bootstrap.min.js"></script>
<link href="/vendor/datatables/v1.10.12/css/dataTables.bootstrap.min.css" rel="stylesheet"/>
<script src="/vendor/datatables/v1.10.12/js/jquery.dataTables.min.js"></script>
<link href="/vendor/datatables/v1.10.12/extensions/Buttons/css/buttons.bootstrap.min.css" rel="stylesheet"/>
<script src="/vendor/datatables/v1.10.12/extensions/Buttons/js/dataTables.buttons.min.js"></script>
<script src="/vendor/datatables/v1.10.12/extensions/Buttons/js/buttons.flash.min.js"></script>
<script src="/vendor/datatables/v1.10.12/extensions/JSZip/jszip.min.js"></script>
<script src="/vendor/datatables/v1.10.12/extensions/pdfmake/build/pdfmake.min.js"></script>
<script src="/vendor/datatables/v1.10.12/extensions/pdfmake/build/vfs_fonts.js"></script>
<script src="/vendor/datatables/v1.10.12/extensions/Buttons/js/buttons.html5.min.js"></script>
<script src="/vendor/datatables/v1.10.12/extensions/Buttons/js/buttons.print.min.js"></script>
注意,我只想使用带引导样式的数据表.
这是我用来设置数据表的代码.
$('#reportTable').DataTable({
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
],
columns: [
{ data: 'Category', title: 'Category' },
{ data: 'Svp', title: 'SVP' },
{ data: 'Rvp', title: 'RVP' },
{ data: 'Division', title: 'Division' },
{ data: 'ContactType', title: 'Contact Type' },
{ data: 'TotalRecords', title: 'Total Records' },
]
});
更新
vendor/datatables/v1.10.12/extensions/Buttons/js/buttons.bootstrap.min.js
解决方法:
您缺少dataTables.bootstrap.min.js脚本文件包含.如果您从官方DataTables download page下载这些文件,并且其他文件的文件路径可以外推到这个文件,我会看看它是否存在于此处:
vendor/datatables/v1.10.12/js/dataTables.boostrap.min.js
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。