In all webdata grids in the application division lines break at the border between the header and the actual data columns.
please see attachemnt.How can i correct the alignment between header and data columns in the infragistics web data grid?
Hello Dhaval,
Thank you for posting in Infragistics forum!
The sample seems to not being attached correctly. Could you please attach it again in order to provide you more helpful assistance? Meanwhile you can navigate to the following WebDataGrid CSS style guide and see which styles are appropriate for your issue: http://ko.infragistics.com/community/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx Please let me know if you have any further questions.
Sincerely,
Tsanna
Hi Please find the attached screenshot
Hi Tsanna,
There is already a Header-CssClass to every column and set a border rule .All the web data grid in the application uses same Header-CssClass .
The alignment is broken only for few grids.
Given below is the sample code used for the grid.Border rule is same for both header and data columns.
<LinkGrid:WebDataGrid ID="XXXX" EnableDataViewState="false" Height="0px"
OnInitializeRow="xxxx" OnItemCommand=" XXXXXX "
AltItemCssClass="docGrd_Alternate" ItemCssClass="docGrd_Row" Width="100%" AutoGenerateColumns="false"
CssClass="doc_GridStyle" runat="server" DataKeyFields="XXXX">
<Columns>
<LinkGrid:BoundDataField CssClass="docGrd_Border" DataFieldName="XXXX" DataFormatString="{0:dd-MMM-yyyy}"
Width="10%" Key="XXXX" Header-CssClass="ig_Header">
<Header Text="Date" />
</LinkGrid:BoundDataField>
<LinkGrid:BoundDataField CssClass="docGrd_Border" DataFieldName="XXXX" Width="5%"
Key="XXX" Header-CssClass="ig_Header">
<Header Text="XXXX" />
Thanks,
Thank you for your update. Can you please let me know if there is any specific difference between the grids on which the border is applied and the other on which it is not like usage of master page or grids are in user control. Also does it help if you force the border with !important attribute? The class you have assigned to every column is ig_header. Is this class defined in a css file which you reference in all the pages? If so can you please confirm that this file is referenced on the pages on which you are facing visual issues. It would be also great appreciated if you can provide a working sample in order to be reproduced the actual behavior. Looking forward to hearing from you.
i Tsanna,
The page does not use master page and grid is not inside user control.Also important attribute has been used in css class.
I have attached working sample with the css classes used in grid.
Could you please provide me information about under which browser/browser mode/browser version you're facing this issue in order we are able to reproduce it. Looking forward to your reply.
I am using IE9 browser