jqGrid: Wie CSS-Klasse für eine Zeile mit bestimmten Kriterien

Question

Bitte betrachten Sie dieses Szenario hinzuzufügen:

Ich habe ein Array ein Ich will es zeigen mit 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}, 
    ]; 

Ich möchte Bootstrap verwenden Stile für mein Raster und ich möchte CSS-Klasse basierend auf einigen Kriterien für Zeilen hinzufügen. Zum Beispiel:

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

Wie kann ich diese CSS-Klasse für mein Gitter hinzufügen?

Dank

Answer 1

Sie sollten rowattr verwenden, die jqGrid informiert, die zusätzliche Attribute (Klasse, Titel, Stil und so weiter) solltenwährend die Erzeugung der Zeilen zu den Zeilen des Gitters zugeordnet werden. Ein Beispiel für den Rückruf ist die folgende

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" }; 
    }    
} 

the old answer für ein Codebeispiel sehen.