I have several grids with varying numbers of columns and widths. All behave the same way. Something else I left out is that I'm using IE8. We have to support IE7+ for the time being.

Here is an example:
@( Html.Infragistics().Grid<Models.item>()
    .ID("igGrid1")
    .FixedHeaders(true)
    .Columns(column =>
    {
      column.For(x => x.fld1).HeaderText("fld1").Width("90");
      column.For(x => x.fld2).HeaderText("fld2").Format("MM/dd/yyyy").Width("100");
      column.For(x => x.fld3).HeaderText("fld3").Format("currency").Width("155");
      column.For(x => x.fld4).HeaderText("fld4").Width("155");
      column.For(x => x.fld5).HeaderText("fld5").Format("MM/dd/yyyy").Width("100");
      column.For(x => x.fld6).HeaderText("fld6").Format("currency").Width("155");
      column.For(x => x.fld7).HeaderText("fld7").Width("100");
      column.For(x => x.fld8).HeaderText("fld8").Width("60");
      column.For(x => x.fld9).HeaderText("fld9").Width("10");
      column.For(x => x.fld10).HeaderText("fld10").Width("10");
      column.For(x => x.fld11).HeaderText("fld11").Width("400");
    })
    .Features(features =>
    {
features.Sorting().Mode(SortingMode.Single).ApplyColumnCss(false);
features.Selection().MouseDragSelect(false).MultipleSelection(false).Mode(SelectionMode.Row);
features.Selection().Activation(true);
features.Sorting();
features.Paging().PageSize(25);
features.Filtering().Mode(FilterMode.Advanced);
features.Hiding().ColumnSettings(settings =>
{
settings.ColumnSetting().ColumnKey("fld1").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld2").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld3").Hidden(false).AllowHiding(false
);
settings.ColumnSetting().ColumnKey("fld4").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld5").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld6").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld7").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld8").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld9").Hidden(true).AllowHiding(true);
settings.ColumnSetting().ColumnKey("fld10").Hidden(true).AllowHiding(true);
settings.ColumnSetting().ColumnKey("fld11").Hidden(false).AllowHiding(false);
});
})
.ClientDataSourceType(ClientDataSourceType.JSON)
.DataSourceUrl(Url.Action("someFunction", new RouteValueDictionary(new { id = Model.id})))
.Width("100%")
.Height("400")
.DataBind()
.Render()
)

I'm also using a row template but left it out here. I have tested this grid without the row template and the issue remains.

Hi Matias,

To my current reply I've attached the sample Tsvetelina used for the bug she submitted - can you please try reproducing the problem you are experiencing in it?

Also, if you can attach a couple of screenshot of when the issue is occurring, that would be awesome and extremely helpful.

PS: @Anthony, thanks for supplying the bug/development issue number 

Cheers,
Borislav 

Tsvetelina,

I´m having the same problem and it’s not related to the grid width or high.

When in compatibility mode the grid only shows the vertical scroll and not the horizontal scroll.

If I remove the vertical scroll by letting the grid grow for all rows height or by enabling paging and having the page rows fit in the grid height then the horizontal scroll bar appears.

It seems I can have one but not both working.

Thanks,

Matias

A case was opened and I got a response this morning indicating that:

Development Issue #100187 to be released soon

Hopefully we'll see it fixed soon.

is there an update to this post?

Hello Tony,

Thank you for sharing the width configuration.

I was able to reproduce the behavior only when width=100%

I also created a support ticket on your behalf  CAS-82032-DLMDNM

and will keep you updated regarding the progress of the issue.