jqGrid पंक्ति वैकल्पिक पृष्ठभूमि

Question

मैं jqGrid में वैकल्पिक पंक्ति पृष्ठभूमि रंग कैसे डाल सकता हूं?

Answer 1

function applyZebra(containerId) { 
    $('#' + containerId + ' tr:nth-child(even)').addClass("jqgrow evenTableRow"); 
    $('#' + containerId + ' tr:nth-child(odd)').addClass("jqgrow oddTableRow"); 
} 

कंटेनर आईडी आपकी jqGrid आईडी है। अपने jqGrid की "ग्रिड पूर्ण" घटना पर इस विधि को कॉल करें।

Answer 2

Here's how you do it: altRows और altclassoptions पर

$("#myGrid").jqGrid({ 
    ... 
    gridComplete: function() { 
     var _rows = $(".jqgrow"); 
     for (var i = 0; i < _rows.length; i += 2) { 
      _rows[i].attributes["class"].value += " alt"; 
     } 
    } 
}); 

Answer 3

देखो। आम तौर पर असंगत पूंजीकरण से सावधान रहें! यदि आप jqGrid 3.5 या उच्चतर का उपयोग कर रहे हैं तो यह jQuery UI थीम का उपयोग करता है।

Answer 4

jQuery यूआई विषय का उपयोग करने के लिए इस कोड का उपयोग करें:

$('#'+gridName+' tr:nth-child(even)').removeClass("ui-priority-secondary"); 
$('#'+gridName+' tr:nth-child(odd)').addClass("ui-priority-secondary"); 

जब मैं मैन्युअल क्रमित (खींचें n ड्रॉप) प्रदर्शन

Answer 5

हैलो पहले सीएसएस को परिभाषित करता है मैं इस कोड का उपयोग करें:

<style type="text/css"> 
...... 
.Color_Red { background:red; } 
.Color_Cyan { background:cyan; } 
...... 

jqGrid में फिर ...

$("#list2").jqGrid({ 
........ 
loadComplete: function() { 
    var rowIDs = jQuery("#list2").getDataIDs(); 
    for (var i=0;i<rowIDs.length;i=i+1){ 
    rowData=jQuery("#list2").getRowData(rowIDs[i]); 
    var trElement = jQuery("#"+ rowIDs[i],jQuery('#list2')); 

// Red  
    if (rowData.Estado == 0) { 
     trElement.removeClass('ui-widget-content'); 
     trElement.addClass('Color_Red'); 
    } 

// Cyan   
    if (rowData.Estado == 2) { 
     trElement.removeClass('ui-widget-content'); 
     trElement.addClass('Color_Cyan'); 
    } 
} 
}, 

}); 

इस प्रकार हम पंक्तियों चलना और शर्त यह है कि 0 == और सियान जो हालत == 2 संतुष्ट पूरा करने के लिए लाल लागू होते हैं।

आपको कॉलम नाम और चेक करने के लिए rowData.XXX == XX बदलना चाहिए।

मेरे पास यह तरीका है और यह पूरी तरह से काम करता है।

लक!

Answer 6

कॉल लोड jqgrid में पंक्ति के पृष्ठभूमि रंग को बदलने के लिए पूर्ण कार्य।

loadComplete : function() { 
    $("tr.jqgrow:odd").addClass('myAltRowClassEven'); 
    $("tr.jqgrow:even").addClass('myAltRowClassOdd'); 
}, 

सीएसएस के नीचे पृष्ठभूमि उपयोग के लिए शैलियों को लागू करने के लिए।

<style type="text/css"> 
.myAltRowClassEven { background: #E0E0E0; border-color: #79B7E7; } 
.myAltRowClassOdd { background: orange; } 
</style> 

या

jqgrid में पंक्ति फ़ॉन्ट बदलने के लिए देखें लिंक

How can I change Background colour and Font of any row in JQGrid?