Hi,
I have a Grid using the the data from model.
now I want to add the different color codes for respective tr of header of child so for that need to add the JavaScript function to add the background color for respective header row. Please give me idea how to right the java-script/J query function to get the number of child and how to add the css for that child header.can we add the ID's and class names according to our requirement to grid controls because right now it takes from the column name.
please help me on this.
and now my data is coming into grid and when we click on any row that data need to bind with respective text box and combo how can we achieve this?
Hello,
The grid headers are actually th elements. You can access them using this CSS selector: $('th.ui-iggrid-header'). Then you can add different CSS classes and html attributes to each of these elements.
Let me know if you have any further questions.
Will you please give me example of this
means how to add the different css and html attributes.
I'm just checking if you need any further assistance with this case.
For example, you can add a css class to an element using jQuery like this:
$('th.ui-iggrid-header')[0].addClass("myClass");
And manipulate attributes:
$('th.ui-iggrid-header')[0].attr('title', 'Some title');
Hope this helps.