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 :

[DataTable] Tri des colonnes non fonctionnel


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur en systèmes embarqués
    Inscrit en
    Mai 2019
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur en systèmes embarqués
    Secteur : Industrie

    Informations forums :
    Inscription : Mai 2019
    Messages : 29
    Par défaut [DataTable] Tri des colonnes non fonctionnel
    Bonjour,

    J'utilise database pour pouvoir trier des colonnes pour ma table. j'ai bien réussie l'installation de cela sur ma page de mon site en local. comme vous pouvez voir sur cette image : Nom : Capture d’écran de 2020-02-20 10-20-22.png
Affichages : 907
Taille : 274,2 Ko

    Cepednant lorsque je clique sur les petites fleches pour trier dans l'ordre croissant ou décroissant, ou même lorsque je veux changer de colonne pour le trie rien ne se passe ..

    Quelqu'un aurait une idée ?

    Merci d'avance,

    Voici le code de ma table :

    Code html : 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
    <?php $requete=$db->query('SELECT * FROM bd_tuyaux2 where tuyau_debit_cintre = 1 and tuyau_cintrage = 0 '); ?>
    		<table id="tab" class="display" border="1"width="100%">
    					<thead>					
    					<tr>
    						<th>ID</th>
    						<th>OF</th>
    						<th>Repère Produit</th>
    						<th>branche </th>
    						<th>Diamètre</th>
    						<th>EP</th>
    						<th>Matière</th>
    						<th>rayon</th>
    						<th>2D</td>
    						<th>Longueur nette</th>
    						<th>Longueur totale</th>
    						<th>numéro étiquette</th>	
    						<th> accès plan dwg</th>
    						<th>Bouton confirmation</th>
    					</tr>
    					</thead>
    			<?php while ($donnees = $requete->fetch()) 
                            { ?>
    			<tbody>
    			<tr>
    				<td><?php echo $donnees['ID']; ?></td>
    				<td><?php echo $donnees['ordre_fabrication']; ?></td>
    				<td><?php echo $donnees['repere_produit']; ?></td>
    				<td><?php echo $donnees['branche']; ?></td>
    				<td><?php echo $donnees['diametre']; ?></td>
    				<td><?php echo $donnees['Ep']; ?></td>
    				<td><?php echo $donnees['explication_matiere']; ?></td>
    				<td><?php echo $donnees['Rayon']; ?></td>
    				<td><?php echo $donnees['nb_cintre_machine']; ?></td>
    				<td><?php echo $donnees['longueur_nette']; ?></td>
    				<td><?php echo $donnees['quantite_totale']; ?></td>
    				<td><?php echo $donnees['numero_etiquette']; ?></td>
     
     
    				<td>   <a href="/Plan_dwg/<?php echo $donnees['numero_plan']; ?>.dwg"><input type="button" value="cliquez ici"></input></a>  //plan_dwg/<?php echo $donnees['numero_plan']; ?>.pdf
    				</td>
    				<td><form action="action/tuyau_cintre.php" method="POST" />
    					<input type="submit" name="ID" value="<?php echo $donnees['ID'] ?>" />
    					</form></td>
    			</tr>
    			</tbody>			
     
    		<?php } $requete->closeCursor(); ?>
    		</table>

    Voici le code du script :

    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
     
    $(document).ready(function () 
    {
     
        $('#tab').DataTable
    	({
     
            language: {url: "../lib/DataTables/media/French.json"},
    	dom: "tip",
     
            order: [[1, 'desc'], [0, 'asc'], [1, 'desc'], [1, 'desc']],
     
            columns: [{type: "num"}, {type: "text"}, {type: "text"}, {type: "text"}, {orderable: false}, {orderable: false}, {orderable: false}, {orderable: false}, {orderable: false}, {orderable: false}, {orderable: false}, {orderable: false}, {orderable: false}, {orderable: false}]
        });
     
    });
    merci d'avance,

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 660
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti
    Homme Profil pro
    Développeur en systèmes embarqués
    Inscrit en
    Mai 2019
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur en systèmes embarqués
    Secteur : Industrie

    Informations forums :
    Inscription : Mai 2019
    Messages : 29
    Par défaut
    Oui je pense ... si tu regardes la photo j'apercois bien les fleches. lorsque je clique dessu elle descendent ou montent mais ne font rien sur l'ordre du tableau

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 660
    Billets dans le blog
    1
    Par défaut
    Je vois des différences entre ton code et celui de la doc, en particulier pas de quotes autour des clefs de tes json ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti
    Homme Profil pro
    Développeur en systèmes embarqués
    Inscrit en
    Mai 2019
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur en systèmes embarqués
    Secteur : Industrie

    Informations forums :
    Inscription : Mai 2019
    Messages : 29
    Par défaut
    klk
    Images attachées Images attachées  

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 660
    Billets dans le blog
    1
    Par défaut
    Peux tu fournir le code html généré du tableau que je tente une implémentation de mon coté ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Primefaces : Datatable et tri des colonnes
    Par denisduval75 dans le forum JSF
    Réponses: 9
    Dernier message: 28/11/2018, 16h16
  2. Réponses: 1
    Dernier message: 15/08/2014, 11h39
  3. Tri des colonnes non liées d'un datagridview
    Par Bluberiman dans le forum Windows Forms
    Réponses: 4
    Dernier message: 13/05/2010, 18h27
  4. Réponses: 2
    Dernier message: 15/06/2009, 18h40
  5. Tri des colonnes d'une DBGRID
    Par Atrebate62 dans le forum Bases de données
    Réponses: 3
    Dernier message: 31/05/2004, 12h20

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