How to change the IGrid header font size, font family, etc., and other properties of the header. I have searched for the forum and i dont find any help for the same.
Regards,
Suresh A
Hello Suresh,
Thank you for your interest in igGrid
Please refer to the link below
http://help.infragistics.com/jQuery/2011.2/ui.igGrid#theming
There you can find all the necessary styles.
Let us know if you need further assistance
Thats was useful. Just one quick question how do i change the row height of the grid. Which one css class do i need to modify.
ui-ig-record ui-iggrid-record
ui-ig-altrecord ui-iggrid-altrecord
These are the classes applied on the records in the igGrid
.ui-iggrid-record { height: 50px !important; background-color:Green; } .ui-iggrid-altrecord { height: 100px !important; background-color:Red; } $(document).ready(function () { $("#grid1").live("iggriddatarendered", function (event, args) { args.owner.element.find("tr:even").addClass("ui-iggrid-altrecord"); }); $("#grid1").live("iggridrendered", function (event, args) { args.owner.element.find("tr:even").addClass("ui-iggrid-altrecord"); }); });
{
height: 50px !important;
background-color:Green;
}
.ui-iggrid-altrecord
height: 100px !important;
background-color:Red;
$(document).ready(function () {
$("#grid1").live("iggriddatarendered", function (event, args) {
args.owner.element.find("tr:even").addClass("ui-iggrid-altrecord");
});
$("#grid1").live("iggridrendered", function (event, args) {
Let us know if you have further questions