我是Java语言的新手,但是最近需要使用Datatables.js来增强我的html表,但是遇到了一个初学者的问题,即没有应用任何样式或功能。如果您能提供一些建议,将非常感谢您的帮助。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-2.2.3.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
</head>
<body>
<table id="table_id" class="display">
<thead>
<tr>
<th>S/N</th>
<th>Order ID</th>
<th>Customer Name</th>
<th>Contact Number</th>
<th>Order Date</th>
<th>Delivery Date</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>303-123</td>
<td>Terry Park</td>
<td>12351329</td>
<td>2009/01/12</td>
<td>2009/01/12</td>
<td>Pending</td>
</tr>
</tbody>
</table>
<script>
$(document).ready( function () {
$(#table_id).DataTable();
} );
</script>
</body>
答案 0 :(得分:0)
您需要将元素ID括在引号中。
例如:
$('#table_id').DataTable();