具有Bootstrap导出选项的响应式数据表

时间:2016-02-25 07:15:49

标签: jquery twitter-bootstrap responsive-design

任何人都可以帮助为具有导出选项的响应式数据表提供代码,从而可以从表中导出数据。

1 个答案:

答案 0 :(得分:0)

试试这可能会对你有所帮助

<script src="js/datatables/jquery.dataTables.min.js"></script>
<script src="js/datatables/dataTables.bootstrap.min.js"></script>
<script src="js/datatables/dataTables.buttons.min.js"></script>
<script src="js/datatables/buttons.bootstrap.min.js"></script>
<script src="js/datatables/jszip.min.js"></script>
<script src="js/datatables/pdfmake.min.js"></script>
<script src="js/datatables/vfs_fonts.js"></script>
<script src="js/datatables/buttons.html5.min.js"></script>
<script src="js/datatables/buttons.print.min.js"></script>
<script src="js/datatables/buttons.colVis.min.js"></script>

var table = $('#example').DataTable({ lengthChange: false, buttons: [ 'copy', 'excel', 'pdf', 'colvis' ] }); table.buttons().container().appendTo( '#example_wrapper .col-sm-6:eq(0)' );

修改

您将在上面找到有关插件下载链接的详细信息。 https://www.datatables.net/extensions/buttons/examples/html5/simple.html