下面是我的示例代码,但它不起作用。有人可以帮助我如何使用这个jquery数据库插件? 并且这个数据表插件可以在sql结果字段表中使用吗?感谢
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
</head>
<body>
<table id="example" style="border:1px solid black;">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>etc</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
<td>etc</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
<td>etc</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
<td>etc</td>
</tr>
</tbody>
</table>
</body>
<script type="text/javascript">
$(document).ready(function () {
$('#example').dataTable();
});
</script>
</html>
答案 0 :(得分:4)
来自文档:https://datatables.net/manual/installation
要使DataTable能够增强HTML表,该表必须是 有效的格式良好的HTML,带有标题(thead)和正文(tbody)。 也可以使用可选的页脚(tfoot)。
尝试使用正确的列数向表中添加thead
。
它看起来应该是这样的,但是您需要行和列,并且td
已经填满了您的内容。
<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<table>