您好我在这里添加了一些代码我使用webnots插件来排序特定的tablE但是事情是css正在加载但是我看不到表中的过滤器,告诉我有什么问题。
来源: - https://www.webnots.com/advanced-data-table-widget-for-weebly/
的test.html
<html>
<head>
<link rel="stylesheet" href="https://www.webnots.com/resources/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.webnots.com/resources/dataTables.bootstrap.css"/>
<link rel="stylesheet" href="https://www.webnots.com/resources/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.webnots.com/resources/dataTables.bootstrap.css"/>
<style>
.table-responsive {
overflow-x: hidden;
}
@media (max-width: 800px) {
.table-responsive {
overflow-x: auto;
}
</style>
</head>
<body>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover" id="dataTables-example">
<!-- This is the header section of the table -->
<thead>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</thead>
<!-- End of table header -->
<tbody>
<!-- This is the start of first row of the table -->
<tr>
<td>Trident</td>
<td>Internet Explorer 4.0</td>
<td>Win 95+</td>
<td>4</td>
<td>X</td>
</tr>
<!-- End of first row (copy and paste this block to append additional rows -->
<!-- Paste additional rows here -->
</tbody>
</table>
</div>
</div>
<script src="https://www.webnots.com/resources/bootstrap.min.js"></script>
<script src="https://www.webnots.com/resources/jquery.dataTables.js"></script>
<script src="https://www.webnots.com/resources/dataTables.bootstrap.js"></script>
<script>
$(document).ready(function () {
$('#dataTables-example').dataTable();
});
</script>
</body>
</html>