[CLOSED] GridPanel Horizontal Scrollbar does not exist

[tansu]

I have a grid in a user control that generates dynamic columns. I'm not sure if it's related to dynamically created columns (because I tested it without generating them and the result was the same) but horizontal scrollbar does not exist in the grid. Any help will be appreciated, thanks.

Here is my code:

<ext:Store ID="TTStore1" runat="server">    <Reader>
        <ext:JsonReader IDProperty="ID">
            <Fields>
              Some Record Fields
            </Fields>
        </ext:JsonReader>
    </Reader>
</ext:Store>
<ext:FitLayout ID="FitLayout2" runat="server">
    <Items>
        <ext:Grid ID="grid" runat="server" StoreID="dsMain" AutoScroll="true">
            <TopBar>
                <ext:Toolbar ID="Toolbar2" runat="server" Width="1005">
                    <Items>
                        <ext:ButtonGroup ID="ButtonGroup2" runat="server">
                            <Items>
                            Some Buttons
                            </Items>
                        </ext:ButtonGroup>
                        
                    </Items>
                </ext:Toolbar>
            </TopBar>
            <ColumnModel ID="ColumnModel1" runat="server">
                <Columns>
                    <ext:Column DataIndex="a" Header="a" />
                    <ext:Column DataIndex="b" Header="b" />
                    <ext:Column DataIndex="c" Header="c" Width="120">
                        <Renderer Fn="Fn1" /> For Column Background Color
                    </ext:Column>
                    <ext:Column DataIndex="d" Header="d" Width="120">
                        <Renderer Fn="Fn2" />
                    </ext:Column>
                    <ext:Column DataIndex="e" Header="e" Width="100">
                        <Renderer Fn="Fn3" />
                    </ext:Column>
                </Columns>
            </ColumnModel>
            <View>
                <ext:GroupingView ID="GroupingView1" HideGroupedColumn="true" runat="server" ForceFit="true"
                    EnableRowBody="true">
                </ext:GroupingView>
            </View>
        </ext:Grid>
    </Items>
</ext:FitLayout>

columns at page load

if (!Ext.Net.X.IsAjaxRequest)            {


                foreach (var col in UserGroupUsers)
                {
                    Column column = new Column();
                    column.Width = new Unit(120);
                    column.DataIndex = string.Format("m{0}", col.Key);
                    column.Header = col.Value;
                    column.AutoFilter = false;
                    column.Sortable = false;
                    column.Renderer = new Renderer() { Fn = "fn1" };
                    grid.ColumnModel.Columns.Add(column);
                }
            }

[Daniil]

Hi,

ForceFit="true" prevents horizontal scrolling.
http://docs.sencha.com/ext-js/3-4/#!...w-cfg-forceFit

[tansu]

That worked, thanks.