Um eine vollständig ansprechende Tabelle zu erreichen, ist es notwendig, "datatalbe"
Html-Code zu verwenden:
<div class="table-responsive">
<!-- Table -->
<table id="listaRoles" class="table table-bordered table-striped table-hover dataTable js-exportable">
<thead>
<tr>
<th>Names</th>
<th>Surnames</th>
</tr>
</thead>
<tbody >
</tbody>
</table>
<!-- #END# Table -->
</div>
Erforderliche Scripts:
<!-- Jquery DataTable Plugin Js -->
<script src="/plugins/jquery-datatable/jquery.dataTables.js"></script>
<script src="/plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js"></script>
<script src="/plugins/jquery-datatable/extensions/export/dataTables.buttons.min.js"></script>
<script src="/plugins/jquery-datatable/extensions/export/buttons.flash.min.js"></script>
<script src="/plugins/jquery-datatable/extensions/export/jszip.min.js"></script>
<script src="/plugins/jquery-datatable/extensions/export/pdfmake.min.js"></script>
<script src="/plugins/jquery-datatable/extensions/export/vfs_fonts.js"></script>
<script src="/plugins/jquery-datatable/extensions/export/buttons.html5.min.js"></script>
<script src="/plugins/jquery-datatable/extensions/export/buttons.print.min.js"></script>
Css:
<link href="/plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.css" rel="stylesheet">
Es funktioniert hier: https://jsfiddle.net/13gsmdpr/ aber nicht auf meiner Seite. – Mike