6
votes

Afficher la longueur de la page au bas de la table

Tous,

J'utilise des tables de données JQuery. J'utilise l'exemple suivant:

Je me demandais s'il y a un moyen d'afficher "Afficher 10 entrées" sur le fond au lieu de haut. Il devrait être affiché juste avant "Afficher 1 à 10 de 51 entrées" .. au bas de la table.

Comment puis-je faire ça?

merci

javascript jquery datatables jquery-ui pagination

0 commentaires

3 Réponses :

4
votes

eu un problème similaire (voulait supprimer des contrôles inutiles) et le seul moyen de gérer cela semble modifier la table vous-même. J'ai utilisé le rappel FnDrawcallback ( http://datatables.net/usage/callbacks ).

Ce sera une chose comme celle-ci dans votre cas xxx

Vérifiez simplement le code généré dans cette démonstration, c'est vraiment assez simple (sauf qu'il n'a pas de formatage ou d'indentation).

Vous pouvez également utiliser des noms de classe au lieu d'identifiants, si vous n'avez pas peur d'affecter d'autres tables de la page. Ils sont sous la forme datatables_length .

Utilisez CSS pour un style supplémentaire.



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    15
 votes
                                
                            
                            
                                
                                     La voie à suivre est de changer la sdom dans les .js. JJS, où vous définissez la table:  xxx  
 En outre, vous devez modifier les .CSS pour apparaître à côté de "Afficher ... entrées », parce que cette façon d'apparaître au-dessus de cela.  
 C'est l'explication des options SDD:  

   Les options suivantes sont autorisées: 
 

 'L' - Changement de longueur 
 'F' - Entrée de filtrage 
 'T' - la table! 
 'i' -Information 
 'P' - Pagination 
 'R' - Traitement 
  Les constantes suivantes sont autorisées:  

 'H' - Thème JQueryui "Header" Cours ('FG-Toolbar UI-Widget-Widget-Header UI-Corner-TL UI-TR UI-Helper-Clearfix') 
 'F' - JQueryUI Theme "Footer" Cours ('FG-Toolbar UI-Widget-Widget-Header UI-Corner-BL ui-BR UI-BR UI-Helper-Clearfix') 
  La syntaxe suivante est attendue:  

 '<' et '>' - des éléments div éléments 
 '<"classe" et'> '- div avec une classe 
 '<"# id" et'> '- div avec des exemples d'identification: 
 '<"Wrapper" Flipt>' 'IP>' 
  PS: Cela pourrait également vous aider:  
  Datables sdom < / a>  
  ADD-Datatables-Longueur-at-le-bas-fond de la table                                   

                                                                    
                                    
                                    
                                        2 commentaires
                                        
                                                                                            
                                                     Les réponses de liaison seules sont découragées sur le débordement de pile . Veuillez ajouter les informations pertinentes Direclty à votre réponse.                                                
                                                
                                                                                            
                                                    Merci, c'est ma première réponse :) Je vais prendre une note                                                
                                                
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     Voici un exemple. Cette documentation aide beaucoup:  https://datatables.net/release-datatables/ Exemples / BASIC_INIT / DOM.HTML  
 Ma table de données ressemble à ceci:  
     
 J'ai aussi eu Pour ajouter en CSS cette ligne:   xxx  
 Le code est le suivant:   xxx                                  

                                                                    
                                    
                                    
                                        0 commentaires


            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Interaction profonde avec break and catch                        
                        
                                            
                            Utilisation de node.js comment renommer tous les fichiers d'un dossier                        
                        
                                            
                            Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO