Discussion :

[moimp]

J'ai le script suivant:

Code :

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
	<script>
	$(document).ready(function() {  			// executed when document is loaded
		$.fn.dataTable.ext.order.intl('fr');		// french collation doesn't work
		let table = new DataTable('#table',{
			language: {
				url: "view/lang/<?= $this['language'] ?>_dataTables.json",
				},
			// three next lines don't work with or without quotes (")
			"lengthChange": true,
			//pageLength: 10,
			"lengthMenu": [ 10, 25, 50, 75, 100 ],
 
			initComplete: function() {
				$('#table_filter [type="search"]').focus();
			}
		});
	});
	</script>
	<table id="table" class="nowrap smallFont08">

Dans ce script les lignes 9 à 11 sont inopérantes. J'ai essayé de supprimer ces lignes pour avoir l'option par défaut mais le résultat est le même: La liste de choix est visible et ne comporte qu'une option: 10.
J'ai également essayé de supprimer les guillemets autour des noms de propriétés mais rien ne change.
J'ai vidé le cache du navigateur plusieurs fois mais l'affichage ne change pas.

Le fonctionnement de DataTable est correct par ailleurs (filtre, recherche, bas de tableau)

[Toufik83]

Bonjour,

L'option lengthChange est true par défaut, donc ce n'est pas la peine de la rajouter dans les options, la preuve est que si tu la mets en false la liste de choix ne serait plus visible.

Concernant le lengthMenu, j'ai fait un test et ceci est fonctionnel, je ne sais pas ce qui se passe avec ton code..., tu peux mettre un exemple en ligne pour voir le problème?

[moimp]

Voici le code complet de la page : https://jsfiddle.net/8ue1ayhz/
Sur ce code, on voit que :

• le choix du nombre de lignes par page ne fonctionne pas
• le tri en localisation ne fonctionne pas

[Toufik83]

Bonjour,

Ce n'est pas la liste qui ne fonctionne pas, mais plutôt la couleur du texte à l'intérieur qui est blanche et l'arrière plan du select est blanc aussi, donc c'est normal que le texte n'est pas visible.

Pour résoudre ceci, il faudrait simplement modifier la couleur du texte des options de select select option{ color: black; }

En ce qui concerne le tri, le problème c'est que tu mets le texte de la première colonne "Titre" dans un tag <a></a>, ce qui empêche DataTable de trier les données correctement, en les supprimant, le résultat est là.

Puis apparement l'initialisation de DataTable avec new n'est pas compatible avec le tri de collation, j'ai remplacé new DataTable("#table",{...}) par $('#table').DataTable({...}) et aussi le CDN du plugin https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js

[moimp]

Merci infiniment Toufik!