First pic is right show in FireFox, the second is wrong show in IE9. (Group summary)
Is there any I can do to fix the display in IE9. Pls give me some help!!
Hi,
I'll need to take a look at the way you've configured the grid - generally, no such misalignments occur under IE9.
Can you please attach a sample page to your next reply with the following:
1. The jQuery UI theme you are using (or at least tell us its name) - it may be interfering with the grid's appearance (but I doubt it)
2. The script you are using to configure the igGrid - I see that you have private information in it so I would ask you to remove the keys of the columns if you feel they should not be disclosed.
We can use our own sample data so you don't need to disclose yours :)The most important things for us in this case are the widths (grid's and columns') as well as the way the grid's features are configured.Will be looking forward to your reply.
Cheers,Borislav
Hi, Borislav
Have you got chance to try this issue? Seems also can be recur in the samples project(GroupBy).
I also test this issue on Infragistics.Web.Mvc.Samples GroupBy.
And add column width 300px to every column. The display problem also showed on IE9. Please give a try.
<script type="text/javascript" src="/SamplesBrowser/Scripts/jquery.js"></script><script type="text/javascript" src="/SamplesBrowser/Scripts/jquery-ui.js"></script><script type="text/javascript" src="/SamplesBrowser/SamplesCommon/jQuery/Scripts/combined/min/ig.ui.min.js"></script><script type="text/javascript" src="/SamplesBrowser/SamplesCommon/jQuery/Common/Data/adventureWorks.min.js"></script><script type="text/javascript"> $(function () { $("#grid1").igGrid({ autoGenerateColumns: false, columns: [ { headerText: "Product ID", key: "ProductID", dataType: "number", width: "300px" }, { headerText: "Product Name", key: "Name", dataType: "string", width: "300px" }, { headerText: "Product Number", key: "ProductNumber", dataType: "string", width: "300px" }, { headerText: "Color", key: "Color", dataType: "string", width: "300px" }, { headerText: "Safety Level", key: "SafetyStockLevel", dataType: "string", width: "300px" }, { headerText: "Reorder Point", key: "ReorderPoint", dataType: "number", width: "300px" }, { headerText: "List Price", key: "ListPrice", dataType: "number", width: "300px" }, { headerText: "Standard Cost", key: "StandardCost", dataType: "number", width: "300px" }, ], dataSource: adventureWorks, height: '400px', features: [{ name: 'GroupBy', type: "local" }] }); });</script>