Setting column width using CSS

[jmillar]

Hi there;

I have a grid with column definitions similar to the following:

<telerik:GridNumericColumn UniqueName="R1" Visible="true" ReadOnly="false" HeaderText="Q1" DataField="R1" DataFormatString="{0:0}%" HeaderStyle-CssClass="EntryColumn" ItemStyle-CssClass="EntryColumn" />

The EntryColumn class just has a simple width:30px definition, with nothing else.

The grid respects the column width until I add the Command Bar display - with that on, it reverts to just showing the columns in the default width.  I can fix it using ItemStyle-Width, but I'd rather use a class definition as I have several of these types of grids scattered throughout the app.

Anybody know what I'm doing wrong?

Thanks,

Jason

[Pavlina]

Hi,

Below is a sample page I tested locally and setting column width is working as expected. Try it on your end and let me know if it helps. Also make sure that MasterTableView TableLayout is set to Fixed:

<style>
        .EntryColumn
        {
            width: 30px;
        }
    </style>

<telerik:RadGrid ID="grd" runat="server" AutoGenerateColumns="false" AllowPaging="True"
            OnNeedDataSource="grd_NeedDataSource" PageSize="10">
            <MasterTableView AllowFilteringByColumn="True" CommandItemDisplay="Top" AllowSorting="True"
                CanRetrieveAllData="False" EnableColumnsViewState="True" EnableViewState="True" TableLayout="Fixed">
                <PagerStyle AlwaysVisible="true" />
                <Columns>
                    <telerik:GridNumericColumn UniqueName="DisplayOrder" Visible="true" ReadOnly="false" HeaderText="Q1" DataField="DisplayOrder"
                        DataFormatString="{0:0}%" HeaderStyle-CssClass="EntryColumn" ItemStyle-CssClass="EntryColumn" />
                    <telerik:GridBoundColumn DataField="Status" HeaderText="Status">
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>

Regards,
Pavlina
Telerik