Discussion :

[moimp]

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.

[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

[moimp]

Merci @Toufik83. Fonctionne super bien.

[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.

[Toufik83]

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 js :

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
(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;
		};
	}
};
 
 
}));

[moimp]

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 :

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
	<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.

[Toufik83]

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" , 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

[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.

[Toufik83]

tu as décommenté la ligne 7 ?//$.fn.dataTable.ext.order.intl('fr');

[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.