jqGrid: Comment ajouter une classe CSS pour une ligne avec des critères spécifiques

Question

S'il vous plaît envisager ce scénario:

J'ai un tableau un je veux montrer à l'aide jqGrid:

var arr = [ 
     { Id: 1, Name: "J1" , Age: 40}, 
     { Id: 2, Name: "J2" , Age: 50}, 
     { Id: 3, Name: "J3" , Age: 60}, 
     { Id: 4, Name: "J4" , Age: 70}, 
     { Id: 5, Name: "J5" , Age: 80}, 
    ]; 

Je veux utiliser bootstrap styles pour ma grille et je veux ajouter une classe CSS basée sur certains critères pour les lignes. Par exemple:

Criteria   CSS class 
---------------------------- 
Age >= 80   table-danger 
70 <= Age < 80  table-warning 
60 <= Age < 70  table-info 

Comment puis-je ajouter cette classe CSS pour ma grille?

Merci

Answer 1

Vous devez utiliser rowattr qui informe jqGrid quels attributs supplémentaires (classe, titre, style, etc.) doivent être affectés aux lignes de la grille lors de la génération des lignes. Un exemple de rappel est la suivante

rowattr: function (item) { 
    if (item.Age >= 80) { 
     return { "class": "table-danger" }; 
    } else if (70 <= item.Age && item.Age < 80) { 
     return { "class": "table-warning" }; 
    } else if (60 <= item.Age && item.Age < 70) { 
     return { "class": "table-info" }; 
    }    
} 

Voir the old answer pour un exemple de code.