Я намагаюся працювати з JQuery's Datatable JS для мого проекту за цим посиланням.
Я завантажив повну бібліотеку з того самого джерела. Всі приклади, наведені в пакеті, здаються, працюють нормально, але коли я намагаюся включити їх у свій WebForms
, CSS, JS взагалі не працюють.
Ось що я зробив:
<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>
Моя структура файлів для JS та CSS у моєму рішенні виглядає наступним чином:
Я додав усі необхідні посилання на JS та CSS, як показано в посібнику. Все-таки візуалізація не така, як очікувалося. Немає CSS і навіть JS не працює.
Також у консолі я отримую такі помилки:
ReferenceError: jQuery is not defined
TypeError: $(...).DataTable is not a function
Я досі не прив'язував сюди жодних динамічних даних (наприклад, всередині ретранслятора), він все ще не працює.
Чи може хтось, будь ласка, направити мене у правильному напрямку для вирішення цієї проблеми?