Saya mencoba bekerja dengan JS Datatable jQuery untuk proyek saya dari tautan ini .
Saya mengunduh perpustakaan lengkap dari sumber yang sama. Semua contoh yang diberikan dalam paket tampaknya berfungsi dengan baik, tetapi ketika saya mencoba memasukkannya ke dalam saya WebForms, CSS, JS tidak berfungsi sama sekali.
Inilah yang telah saya lakukan:
<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>
Struktur file saya untuk JS dan CSS di Solusi saya terlihat sebagai berikut:
Saya telah menambahkan semua referensi JS dan CSS yang diperlukan seperti yang ditunjukkan di manual. Namun renderingnya tidak seperti yang diharapkan. Tidak ada CSS dan bahkan JS tidak berfungsi.
Juga di konsol saya mendapatkan kesalahan berikut:
ReferenceError: jQuery is not defined
TypeError: $(...).DataTable is not a function
Saya masih belum mengikat data dinamis apa pun di sini (seperti di dalam repeater atau lebih) masih tidak berfungsi.
Bisakah seseorang membimbing saya ke arah yang benar untuk masalah ini?
