Comment masquer le numéro de tri dans l'en-tête de la grille

Question

J'utilise angularjs ui-grid. J'ai trié les 4 colonnes, mais dans ma grille, je peux voir le numéro de tri dont je veux cacher le numéro de tri. Je n'ai trouvé aucune configuration ou solution api. Merci.

columnDefs: [ 
       { 
        name: 'name', 
        displayName: "", 
        width: '48%', 
        grouping: {groupPriority: 0}, 
        sort: {priority: 0, direction: 'asc'} 
       }, 
       { 
        name: 'id', 
        displayName: "", 
        sort: {priority: 2, direction: 'asc'} 
       }, 
       { 
        name: 'bar', 
        displayName: "", 
        sort: {priority: 3, direction: 'asc'} 
       }, 
       { 
        name: 'foo', 
        displayName: "", 
        sort: {priority: 1, direction: 'asc'} 
       } 
      ], 

Answer 1

qui est intégré dans la fonction de la grille tri de plusieurs colonnes. Si vous voulez supprimer le numéro, vous pouvez fournir soit un modèle de cellule d'en-tête personnalisé pour chaque colonne comme indiqué ici:

http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions

Ou écrire une règle CSS pour cacher l'élément. Dans ce cas, vous avez de la chance car l'élément en question a une classe spécifique: ui-grid-sort-priority-number. Cela devrait faire l'affaire.

.ui-grid-sort-priority-number { 
    display: none; 
}