J'essaie de travailler avec le JS Datatable de jQuery pour mon projet à partir de ce lien.
J'ai téléchargé la bibliothèque complète de la même source. Tous les exemples donnés dans le package semblent fonctionner correctement, mais lorsque j'essaye de les incorporer dans my WebForms, le CSS, JS ne fonctionne pas du tout.
Voici ce que j'ai fait:
<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>
Ma structure de fichiers pour le JS et le CSS dans ma solution se présente comme suit:
J'ai ajouté toutes les références JS et CSS nécessaires comme indiqué dans le manuel. Le rendu n'est toujours pas comme prévu. Il n'y a pas de CSS et même le JS ne fonctionne pas.
Également dans la console, j'obtiens les erreurs suivantes:
ReferenceError: jQuery is not defined
TypeError: $(...).DataTable is not a function
Je n'ai toujours lié aucune donnée dynamique ici (comme dans un répéteur ou plus), mais cela ne fonctionne toujours pas.
Quelqu'un peut-il s'il vous plaît me guider dans la bonne direction pour ce problème?
