Hi Team,
We are migrating from Infragistics 12.2 to 14.1. We have observed that there is discrepancy in the column widths in IE 11. The headers are misaligned with the data.
The width of the column header is not in sync with the width of the column in IE 11 whereas the display of columns is as expected in IE 9.
Could you please suggest a solution for this issue.
Regards,
Ahmed
Hi,
Please suggest a solution ASAP.
Hello Ahmed,
To determine the exact cause of this behavior I'd need to know how you have the grid implemented. Would you be able to provide me with the markup/code behind for your grid?
Also, which build of 2014 Vol. 1 are you on? There are a few reported issues that we have fixed related to column alignment in the past. If you are not on the latest service release then you may be able to resolve the behavior by download and installing the latest service release from the My Keys and Downloads page.
I took your code and I am unable to reproduce the behavior. The columns align properly with their headers in my sample, which you can find attached at the bottom of this post. Are you able to reproduce the behavior with my attached sample?
One thing that might be causing the behavior is the style library that you are using. When you upgraded your application did you update the styles in the ig_res folder as well? If not, you may want to try getting the files from their install location.
We have migrated from Infragistics version 12.2 to 14.1.
Can you please share the complete ig-res folder for Claymation style as we could not find this style alone.
Ahmed,
You should be able to find the style libraries in the following install path:
C:\Users\Public\Documents\Infragistics\2014.2\ASP.NET\StyleLibraries
Also, the attachment in my previous update has the complete Claymation style included in its ig_res folder if you would rather just pull it from my sample. Please let me know if this resolves the styling issue for your application.
Hi Jason,
We couldnt open .ZIP extension files, could you please rename the .zip extension to something like .abc and share.
Thanks,
The forums don't allow me to do that but I'll create a private case for this and attempt to send them through there.
Jason
It is likely there are other changes in the CSS that you are missing. Were you able to find the CSS files in C:\Users\Public\Documents\Infragistics\2014.2\ASP.NET\StyleLibraries?
Would you be able to send me your copy of ig_dataGrid.css which I could use to compare to the file I'm using?
Making border-collapse:separate !important; in .ig_ClaymationControl table property in ig_dataGrid.css file.
But got one other issue,
When I make the column as hidden in the code behind, the column is visible in the screen. I tried even making the width of the column as 0px. Even then it is not working. Please find the screen shot below.