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://es.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
Please attach the screenshot in a .zip file in order to be displayed correctly.
.zip file attached.
If you inspect the header element through the developer tools of the browser, you can see that it has an inline width style set and in addition also the HeaderCaptionCssClass has a padding property which causes the border offset towards the rest of the columns. In this case I suggest to use the CssClass property to every column and set its width to that equivalent with the header. For your reference is attached a sample which demonstrates similar scenario. If you have any further questions, please feel free to contact me.
Hi,
There is no HeaderCaptionCssClass used in grid. I have used only Header-CssClass.I tried to remove pading using developer tools of the browser.But it does not make any difference.Also all the data columns have CssClass. pading removed for these columns using developer tools of the browser.I could not see any change in the UI.
Thanks,
Albert
Hi Tsanna,
I am using IE9 browser
I am using IE9 browser.
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.
Thank you for the provided sample. I'm currently investigating this scenario and keep you posted of any available information. Please let me know for any additional questions in the meantime.
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.