IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

DataTables tri numerique


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Modérateur
    Avatar de Kreepz
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2011
    Messages
    681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Distribution

    Informations forums :
    Inscription : Juin 2011
    Messages : 681
    Billets dans le blog
    1
    Par défaut DataTables tri numerique
    Bonjour,

    J'utilise le plugin datatable sur un de mes sites, mais je viens de m'aperçevoir d'un soucis sur le trie des chiffres..
    Il concidère que mon 10 = 1, en gros en décroissant le tri renvoie:

    7 - 6 - 4 - 3- 2 - 10 - 1 - 0

    Je suis donc allez sur le site http://www.datatables.net/plug-ins/s.../numeric-comma

    Et j'ai tentais d'implanter leur code.
    J'ai créé un fichier numeric-comma.js dans mon dossier js (avec le code inscrit sur la page cité plus haut)

    Et dans ma page j'ai donc rajouter:

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    <script src="<?php echo base_url() ?>js/numeric-comma.js" type="text/javascript"></script>

    Puis dans le js:

    Code javascript : 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
     $(function() {
                    $("#example1").dataTable({
                        columnDefs: [
                            { 
                                type: 'date-eu', 
                                targets: 4, 
                                type: 'numeric-comma', 
                                targets: 6 
                            }
                         ],
                        "bPaginate": true,
                        "bLengthChange": true,
                        "bFilter": true,
                        "bSort": true,
                        "bInfo": true,
                        "bAutoWidth": false
     
                    });
     
                });

    Merci pour votre aide!
    Pensez à regarder nos cours et tutoriels PHP ainsi que notre FAQ PHP avant de poser votre question!
    Un message vous a aidé, n'oubliez pas le

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    tu n'es pas dans un tri strictement numérique mais dans un tri alphaNumérique.

Discussions similaires

  1. [dataTable] Tri et filtre ne fonctionnent pas
    Par doons dans le forum JSF
    Réponses: 10
    Dernier message: 17/06/2015, 16h57
  2. [Plugin] Datatable - Tri / Date & Plugins
    Par laztog dans le forum jQuery
    Réponses: 13
    Dernier message: 26/02/2015, 13h40
  3. Tris numerique Croissant
    Par bouzat dans le forum IHM
    Réponses: 2
    Dernier message: 13/10/2014, 15h29
  4. [MySQL] Tri suivant un champ numérique
    Par guillaumeIOB dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 20/08/2007, 11h40
  5. [VB.NET] Tri dans un datatable
    Par boulete dans le forum Windows Forms
    Réponses: 21
    Dernier message: 15/02/2006, 18h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo