css - DataTable 和 Bootstrap 4.2.1 格式化显示条目和搜索

Question

我无法像 DataTables 上的示例一样显示格式网站。

<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />    
<link href="assets/plugins/DataTables-1.10.18/dataTables.bootstrap4.min.css"/>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/plugins/DataTables-1.10.18/jquery.dataTables.min.js"></script>
<script src="assets/plugins/DataTables-1.10.18/dataTables.bootstrap4.min.js"></script>

$(function($) {
  $('#myTbl').DataTable();
});

这是我的结果。

我希望它看起来像这样。

Answer 1

您可能需要dom

例子:

$('#myTbl').DataTable({dom: "<'row gridheader'<'col-sm-12 col-md-12'B>>"
    + "<'row'<'col-sm-12'tr>>"
    + "<'row gridfooter'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>"});