Grid column not aligned with header after deployment

[Kevin]

Grid works as expected in VS ASP.Net development server.  Once deployed to IIS the data columns no longer line up with the header columns.

IE10, IIS7

What can I do to correct this?

[Kevin]

Seems like setting the column width on the grid definition causes this.  Not sure why it only showed up on deployment first but that part seems to be resolved.

eg.
columns: [
{ field: "Account", title: "Account", width: 105 },

FYI:  Grid is bound to a datasource that calls json webservice.

So setting the width works on the header but messes up the column width on the lines once data is loaded.

So how can I set column width properly so the data lines align with the header?
Need example for the following:
1.    Setting fixed width column
2.    Autosize columns based on data.
3.   Minimum column width with autosize for loaded data lines.
In all cases the rendering of the lines should align properly to the column headers.

Can anyone help with this.

[Petur Subev]

Hello Kevin,

Similar question for autosizing is covered here.

Basically you can leave columns with no width only if there is enough space for them to show up. For example, if you have a Grid that is 600px wide and 4 columns with 3 of them having widths of 100px, 200px, 300px, there will be no room for the fourth one. In this case you must set width to all columns, so that a horizontal scrollbar appears.

To get a better picture of your case and the question that you have I would suggest you to create an example so we can see what exactly you tried and where you struggle.

Kind Regards,
Petur Subev
the Telerik team

[Steven]

I just had this problem. It is caused by the vertical scrollbar that appears when there is more than a page worth of data.

[Rosen]

Hello Steven,

Could you please open a separate support request in which to provide a bit more details about your exact scenario and its implementation. A small runnable test page will be appreciated.

Regards,
Rosen
Telerik