[Datatable] Faire fonctionner datatable

**moimp** · 11/11/2020, 22h07

Bonjour,

J'essaye de transposer un exemple de datatables qui fonctionne dans une nouvelle application. Je ne connais rien à JQuery.
Je vous donne mon code (partie vue d'une structure MVC), le fichier source de rendu et une image du résultat.
Je ne comprends pas pourquoi, les fonctionnalités de datatables ne sont pas opérationnelles.
Code (partie vue du MVC):

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<table id="table" class="nowrap smallFont08" data-page-length="25">
	<?= $echo['lines']; ?>
</table>
 
<!-- Charge JQuery used by datatables -->
<script	src="https://code.jquery.com/jquery-3.3.1.js"
	integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
	crossorigin="anonymous"
>
</script>
<!-- Script datatables -->
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
<!-- Set focus on search field after document loaded -->
<script src="<?= URL_SITE; ?>/js/customerList.js"></script>
<script>
	$(document).ready(function() {
		$('#table').dataTable( { language: { url: "lang/<?= $language; ?>_dataTables.json" } } );
	} );
</script>

Rendu (fichier source):

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Un titre</title>
 
		<meta http-equiv="Expires" content="-1" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 
		<script type="text/javascript" src="http://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=6XAwTZBzLyisPOGbAkitlfMOO-tyjqm1sffpFXfinI5TTRK1vOCO0M6zDLvehAyWYhpir0F7rqG--SMtn091v7FYFWmdFxYgZgUUafo0NX0" charset="UTF-8"></script><base href="http://sirep.proginet.local" />
 
		<link rel="stylesheet" media="all" type="text/css" href="../css/structure.css" />
		<link rel="stylesheet" media="all" type="text/css" href="../css/screen.css" />
		<link rel="stylesheet" media="print" type="text/css" href="../css/print.css" />
	</head>
 
	<body>
 
		<section>
 
			<div id="left">
 
<nav class="mainNav">
	<nav>
		<ul>
			<!-- Menu -->
		</ul>
	</nav>
</nav>
 
			</div>
			<article id="right">
 
<table id="table" class="nowrap smallFont08" data-page-length="25">
	<thead><tr><th>Nom</th><th>Pays</th><th>Localité</th><th>Téléphone</th><th>Télécopie</th><th>Courriel</th></tr></thead><tbody><tr><td><a href='customerMain.php?page=1&customerId=Société Française de Construction'>Société Française de Construction</a></td><td>France</td><td>Bourg en Bresse</td><td>04 74 12 34 56</td><td>04 74 12 34 57</td><td><a href='mailto:sfc@essai.fr'>sfc@essai.fr</a></td></tr><tr><td><a href='customerMain.php?page=1&customerId=SOMAB'>SOMAB</a></td><td>Suisse</td><td>Nyon</td><td></td><td></td><td><a href='mailto:'></a></td></tr><tr><td><a href='customerMain.php?page=1&customerId=Weber GmbH'>Weber GmbH</a></td><td>Allemagne</td><td>Freiburg / Breisgau</td><td>011/123456-0</td><td></td><td><a href='mailto:weber.freiburgb@weber.de'>weber.freiburgb@weber.de</a></td></tr></table>
 
<!-- Load JQuery used by datatables -->
<script	src="https://code.jquery.com/jquery-3.3.1.js"
	integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
	crossorigin="anonymous"
>
</script>
<!-- Script datatables -->
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
<!-- Set focus on search field after document loaded -->
<script src="http://sirep.proginet.local/js/customerList.js"></script>
<script>
        $(document).ready(function() {
                $('#table').dataTable( { language: { url: "lang/fr_dataTables.json" } } );
        } );
</script>
 
			</article>
 
		</section>
 
	</body>
</html>