Tôi đang cố gắng làm việc với Datatable JS của jQuery cho dự án của mình từ liên kết này .
Tôi đã tải xuống toàn bộ thư viện từ cùng một nguồn. Tất cả các ví dụ được đưa ra trong gói dường như hoạt động tốt, nhưng khi tôi cố gắng kết hợp chúng trong của tôi WebForms, CSS, JS hoàn toàn không hoạt động.
Đây là những gì tôi đã làm:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<table id="myTable" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<!-- table body -->
</tbody>
</table>
</div>
<script src="js/jquery.dataTables.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#myTable').DataTable();
});
</script>
</form>
</body>
</html>
Cấu trúc tệp của tôi cho JS và CSS trong Giải pháp của tôi trông như sau:
Tôi đã thêm tất cả các tham chiếu JS và CSS cần thiết như được hiển thị trong sách hướng dẫn. Vẫn kết xuất không như mong đợi. Không có CSS và thậm chí JS không hoạt động.
Cũng trong bảng điều khiển, tôi gặp các lỗi sau:
ReferenceError: jQuery is not defined
TypeError: $(...).DataTable is not a function
Tôi vẫn chưa ràng buộc bất kỳ dữ liệu động nào ở đây (như trong một bộ lặp hoặc lâu hơn) nhưng nó vẫn không hoạt động.
Ai đó có thể vui lòng hướng dẫn tôi đi đúng hướng cho vấn đề này không?
