Datatables, tri tableau : plug-in jquery ?

Florian.s · juin 2014

Bonjour à tous,

J'essaye depuis plusieurs jours de mettre en place ce plug-in jquery : https://datatables.net/examples/basic_init/zero_configuration.html

Pour pouvoir trier un tableau créé sur une page statique.

Jquery est bien présent.
Le js et le css de DataTables est bien présent et le lien est bon.
J'ai intégré le script directement dans le template de page créé pour l'occasion.

Est-il possible d'intégrer un script de ce type sur Pluxml ?
Si oui, quelle est la meilleure façon ?

Merci par avance.

Stéphane · juin 2014

Bonjour

Quelle syntaxe as-tu utilisée pou déclarer le fichier jquery ?

je-evrard · juin 2014

On peut voir ta page ?

Florian.s · juin 2014

C'est vrai que ce sera plus facile en mettant l'exemple

Voici la page en question : http://www.flofly.net/dev/gvfg/static10/championnat-de-bretagne

merci par avance de votre aide.

je-evrard · juin 2014

Tu as un problème d'initialisation de jquery à première vue :

Uncaught TypeError: Property '$' of object [object Object] is not a function

[== Indéfini ==]
$(document).ready(function() {
		$('#my_tables').dataTable();
		} );

Essaye avec ça :

[== Indéfini ==]
jQuery(document).ready(function(){
		$('#my_tables').dataTable();
		} );

Florian.s · juin 2014

Merci, effectivement avec ce code je n'ai plus l'erreur.

Mais j'ai dorénavant ce type d'erreur :

[== JavaScript ==]
TypeError: $ is not a function
$('#my_tables').dataTable();

en modifiant le $ en jQuery rien de s'affiche de plus.

Stéphane · juin 2014

Essaye en mettant avant la balise </body>

<script>
$(function() {
	$('#my_tables').dataTable();
});
</script>

Florian.s · juin 2014

Bon j'ai un peu honte...
Mon tableau ne s'appelait pas #my_tableS mais #my_table alors que la function js datatable se basait sur #my_tables...

Autrement, il faut bien remplacer TOUS les "$" par des "jQuery"...

Merci tout de même pour votre aide !

Datatables, tri tableau : plug-in jquery ?

Réponses