Hi,
I have webdatagrid, I want to set the border right of some of the headers, not all. Let s say my webgrid has 9 columns, i want to set border-width and color of only 3 of the columns.
I manage to set the border of the columns themselves by setting:
<ig:BoundDataField DataFieldName="NPFACTOR" Key="NpFactor" Width="50px"
DataFormatString="{0:F2}" CssClass="FatSeperatorRight RightCellContent">
<Header Text="Indice np" CssClass="FatSeperatorRight" />
</ig:BoundDataField>
But that does not cover the header, as you can see from my screen shot attached. And the CssClass="SeperatorRight" in the <Header tag does not seem to affect the column's header of the column in question.
Any suggestions pls ??
Thank u :)
Hi rtutus,
The styling of WebDataGrid's headers is applied by the .igg_Header CSS class. Therefore, in order to apply custom header borders for some of your columns you need to define a class:
.igg_Header {border-right: solid 5px Black;}
and apply it as the CSS class for your desired column(s).
You can find detailed information on styling the WebDataGrid using CSS at:
http://forums.infragistics.com/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx
Please let me know if this helps.
Best Regards,
Petar IvanovDeveloper Support EngineerInfragistics, Inc.http://ko.infragistics.com/support
Please let me know if you need further assistance.
Please let me know if you require more help.
Can you try using one class named .iggHeader for one of your columns and another class named for instance .igg_Header2 (could be anything) for another column header.
Hi Petar, thanks a lot for the answer, very good one. What if we want to have to different styles applicable for 2 sets of columns. I want one style let s say with separator width 5px applyed to some columns and want another style with border width: 2 px that i can apply to other columns ? what should I call the 2 different styles so that I call them differntly depending of the column of interest.
I can't just call them both:
.igg_Header
{
;
}
color: Black;
border-right: 5px solid Black;
u know what I mean ??
Gracias senior :)