[DataTable] Tri et collation avec caractères accentués

Version imprimable

18/01/2024, 16h38
moimp

[DataTable] Tri et collation avec caractères accentués

Bonjour,
J'utilise DataTable et je constate que le tri des données rejette les caractères diacritiques accentués après les caractères simples. Il faudrait donc changer la collation pour que le é soit après le e et non pas après le z.
J'ai effectué une recherche mais je n'ai trouvé que des informations sur les dates et non pas sur les chaînes de caractères.
20/01/2024, 11h39
Toufik83

Bonjour,

Rajoutez ce plugin https://cdn.datatables.net/plug-ins/...orting/intl.js puis une ligne avant L'initialisation de DataTable $.fn.dataTable.ext.order.intl('fr'); et le problème sera résolu.

La doc
20/01/2024, 17h10
moimp

Merci @Toufik83. Fonctionne super bien.
27/01/2024, 21h09
moimp

A fonctionné deux jours et ne fonctionne plus. Le site du script ne fonctionne plus (erreur 404).
J'obtiens plusieurs erreurs dont la première dont découle les autres:failed to load resource: the server responded with a status of 404 ().
J'ai regardé ce site mais je ne comprends pas tout.

Bonjour,

Vous voulez dire que le lien du script n'est plus valide? je viens de cliquer dessus et le script est toujours en ligne.

Sinon il est possible d'enregistrer le fichier dans un dossier puis l'importer localement, comme ça vous n'aurez plus besoin de connexion pour faire fonctionner votre code, voici le script

Code:

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
(function( factory ) {
	"use strict";
 
	if ( typeof define === 'function' && define.amd ) {
		// AMD
		define( ['jquery'], function ( $ ) {
			return factory( $, window, document );
		} );
	}
	else if ( typeof exports === 'object' ) {
		// CommonJS
		module.exports = function (root, $) {
			if ( ! root ) {
				root = window;
			}
 
			if ( ! $ ) {
				$ = typeof window !== 'undefined' ?
					require('jquery') :
					require('jquery')( root );
			}
 
			return factory( $, root, root.document );
		};
	}
	else {
		// Browser
		factory( jQuery, window, document );
	}
}
(function( $, window, document ) {
 
 
$.fn.dataTable.ext.order.intl = function ( locales, options ) {
	if ( window.Intl ) {
		var collator = new Intl.Collator( locales, options );
		var types = $.fn.dataTable.ext.type;
 
		delete types.order['string-pre'];
		types.order['string-asc'] = collator.compare;
		types.order['string-desc'] = function ( a, b ) {
			return collator.compare( a, b ) * -1;
		};
	}
};
 
 
}));

C'est vraiment bizarre parce que si je clique directement sur le lien, j'ai aussi une erreur 404.
J'ai d'autres problèmes et je me demande s'ils ne sont pas liés. Pour info, voici mon script avec des commentaires:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
	<script src="https://code.jquery.com/jquery-3.3.1.js"</script>
	<script src="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css"></script>
	<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
	<!-- <script src="https://cdn.datatables.net/plug-ins/...orting/intl.js"></script> -->		<!-- see documentation here: https://datatables.net/blog/2017-02-28 -->
	<script>
	$(document).ready(function() {  			// executed when document is loaded
		//$.fn.dataTable.ext.order.intl('fr');	// french collation: doesn't work (intl.js file not found)
		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>

Pour le reste, DataTable fonctionne.

27/01/2024, 23h11
Toufik83

Citation:

Envoyé par moimp

C'est vraiment bizarre parce que si je clique directement sur le lien, j'ai aussi une erreur 404

Alors là, je ne sais plus quoi dire, car pour moi il s'affiche.

Je vois aussi que vous avez mal copié le lien du script src="https://cdn.datatables.net/plug-ins/...orting/intl.js" :weird::calim2:, la suite du lien a été remplacée par 3 points ... dans ma réponse sur le Forum.

Vous devriez copier le lien directement depuis la barre d'adresse du navigateur après avoir cliquer sur le lien, voici le lien complet https://cdn.datatables.net/plug-ins/1.10.25/sorting/intl.js
28/01/2024, 18h18
moimp

Ah oui, je ne sais pas d'où j'ai copié le lien. Maintenant, la page est trouvée mais le tri ne fonctionne pas.
28/01/2024, 18h38
Toufik83

tu as décommenté la ligne 7 ?//$.fn.dataTable.ext.order.intl('fr');
28/01/2024, 19h23
moimp

Tu as raison de poser la question car c'est bien le genre d'erreur que j'aurais pu commettre mais la ligne est bien en fonction.