Datatables, tri tableau : plug-in jquery ?

Florian.sFlorian.s Member
dans Entraide
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.

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour

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

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • je-evrardje-evrard Member
    On peut voir ta page ?
  • Florian.sFlorian.s Member
    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-evrardje-evrard Member
    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.sFlorian.s Member
    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éphaneStéphane Member, Former PluXml Project Manager
    Essaye en mettant avant la balise </body>
    <script>
$(function() {
	$('#my_tables').dataTable();
});
</script>

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • Florian.sFlorian.s Member
    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 !
Connectez-vous ou Inscrivez-vous pour répondre.