Tableau avec trie sur colonne

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Tableau avec trie sur colonne

    Bonjour,

    Ca fait deux heures que je tourne en rond en multipliant les recherches sur le web afin d'arriver à mon résultat.

    Je veux pouvoir trier des colonnes (par ordre alphabétique ou par chiffre croissant ou décroissant) d'un tableau d'un article.
    Comment cela est possible?

    Merci d'avance pour les éventuelles réponses.

  • #2
    Bonjour,

    Sous jQuery, il existe datatables https://www.datatables.net/ qui fait cela très bien.

    J'ai trouvé une extension qui semble l'utiliser, mais je ne sais pas si elle est très à jour : https://extensions.joomla.org/extens...i-data-tables/

    Pascal
    If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      Sinon, chouette extension très flexible pour réaliser ce genre de tableaux :
      Droptables is a Joomla spreadsheet like extension to manage all kinds of tables. The table manager is also integrated with Excel and Google Sheets
      Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

      Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

      Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

      Commentaire


      • #4
        Sinon, si vous regardez au niveau des composants, on utilise des commandes JHtml::_('grid.sort' (voir https://docs.joomla.org/Adding_sorta...in_a_component).

        Pascal
        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          Super merci pour vos réponses.
          Je vais m'attarder sur tout ça

          Commentaire


          • #6
            Si vous êtes familier avec le plugin Up de Loïc, alias Lomart, http://up.lomart.fr/demo-actions, je viens de faire une petite action sort-tables qui utilise Datatables.

            Il suffit d'entrer autour de votre table {up table-sort} votre table {/up table-sort} et vous obtiendrez un tableau qui peut être trié en cliquant sur les titres de l'entête de la table.

            Dézipper le fichier joint dans le répertoire actions de plugin/content/up.

            Il y a possibilité de supprimer la pagination en utilisant la commande {up table-sort|paging=0} ou de paramétrer la taille de la pagination par {up table-sort|pageLength=<nombre de lignes à afficher par page>}

            Pascal
            Fichiers joints
            woluweb et cavo789 aiment ceci.
            If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

            Commentaire


            • #7
              Malgré votre aide, je suis totalement perdu.
              Je n'arrive pas à installer Datatables, car lorsque j'essaie de l'installer via l'administration de Joomla, il me dit qu'il n'y a pas de fichier d'installation....

              Commentaire


              • #8
                Bonjour,

                DataTables n'est pas un plugin au sens Joomla. Il faut faire un plugin Joomla pour l'utiliser. C'est ce que j'ai fait avec UP.

                Pascal
                If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                Commentaire


                • #9
                  Merci pmleconte pour votre aide
                  J'ai téléchargé votre plugin "table_sort" mais pareil impossible de trouver un pack d'installation.

                  Commentaire


                  • #10
                    Envoyé par nano Voir le message
                    Merci pmleconte pour votre aide
                    J'ai téléchargé votre plugin "table_sort" mais pareil impossible de trouver un pack d'installation.
                    Bonsoir.

                    J'ai l'impression que vous placez la charrue avant les boeufs !

                    Avez-vous installé UP ? Avez-vous lu un peu de sa documentation ? Avez-vous compris comment il fonctionne ?

                    Je suis à peu près sûr que la réponse à ces trois questions est "non"...
                    Cordialement.
                    __
                    Eddy !!!
                    Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

                    Commentaire


                    • #11
                      En résumé

                      1. téléchargez le plugin UP : http://up.lomart.fr/telechargements/...ontent-up-v1-5
                      2. installez le plugin et activez le
                      3. par FTP, copiez le répertoire du zip que j'ai fourni dans le répertoire plugins/content/up/actions (vous devriez alors avoir un répertoire plugins/content/up/actions/table_sort qui contient table_sort.php et les fichiers datatables)
                      4. dans un article, entrez votre table et "entourez-la" par l'appel au plugin up {up table_sort}<votre tableau>{/up table_sort}

                      Par exemple, j'ai inséré le tableau suivant (attention je suis passé en mode "affichage du code" de l'article pour bien montrer comment est paramétré le tableau) :
                      Code PHP:
                      <p>{up table_sort|paging=0|pageLength=20}</p>
                      <
                      table class="display" style="width: 100%;">
                      <
                      thead>
                      <
                      tr>
                      <
                      th>Name</th>
                      <
                      th>Position</th>
                      <
                      th>Office</th>
                      </
                      tr>
                      </
                      thead>
                      <
                      tbody>
                      <
                      tr>
                      <
                      td>Tiger Nixon</td>
                      <
                      td>System Architect</td>
                      <
                      td>Edinburgh</td>
                      </
                      tr>
                      <
                      tr>
                      <
                      td>Garrett Winters</td>
                      <
                      td>Accountant</td>
                      <
                      td>Tokyo</td>
                      </
                      tr>
                      </
                      table>
                      <
                      p>{/up table_sort}</p
                      En appliquant chacun des points ci-dessus, vous devriez avoir ce que vous souhaitez.

                      Pascal
                      If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                      Commentaire


                      • #12
                        Un GRAND GRAND MERCIIIIII !!!!!
                        J'y suis arrivé.
                        woluweb aime ceci.

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X