Hi,

By default igGrid renders table with style: "table-layout: fixed" and in this mode it is not possible to achieve auto column width. Following are the steps which you need to execute in order to achieve auto column width:

1.Set table-layout to auto. This way the table layout algorithm will take into account the cells contents.

If your grid id is #grid1 then your CSS should look like this:

2.Set igGrid.fixedHeaders to false - by default igGrid.fixedHeaders is set to true so the headers will be always visible. However in this configuration headers are not in sync with table data so we need to turn off this functionality.

3.Enable horizontal scrolling of the grid - at this point we can see the data of the first cells, but there is no horizontal scrollbar. Here is how to enable it:

4.(Optional) Set cell contents to fit on one line - If you want cells contents to fit on one line use the following CSS:

Let me know if you need further assistance.

Hope this helps,

Martin Pavlov

Infragistics, Inc.

Here is the screenshot for your reference https://www.dropbox.com/s/9velwb98zuu746i/igGrid_Header_Problem.png

Additionally as suggested by you I have made FixedHeaders = false :

@(Html .Infragistics() .Grid<Measure>(measurements.AsQueryable()) .ID("mGrid").AutoGenerateColumns(true)

.FixedHeaders(false)

.Features(features => { features.Paging().PageSize(50).TotalRecordsCount(measurements.Count);

                                    features.Resizing();

                                })

.Virtualization(true)

.VirtualizationMode(VirtualizationMode.Continuous)

.Height("600px")

.DataBind()

.Render() )

Please let me know if I am missing anything here.