Column Width Not Respected in Detail Table with CommandItemDisplay="Top"

[Baz]

I have a Grid with a hierarchy with a single nested GridTableView. I have specified column widths using the recommended approach of setting the HeaderStyle-Width for each column.

The column widths are respected when there is no CommandItem bar displayed (CommandItemDisplay="None") or the CommandItem bar is on the bottom (CommandItemDisplay="Bottom").  However, as soon as the CommandItem bar is displayed on the top (CommandItemDisplay="Top"), column widths are no longer respected and can no longer be resized as well.

Bug?

Thank you,

Barry

EDIT:
This appears to be happening in Google Chrome (10.0.648.204).  The column widths are rendered correctly in IE8 and FireFox 4. I have not tested in Safari.

[Martin]

Hello Baz,

I have tried to reproduce the issue using Chrome 10.0.648.204 and RadControls for ASP .NET AJAX version 2011.1.315, but without success. Attached is the sample project that I used for local testing. Please review it and let me know whether I am missing something from your scenario.

Kind regards,
Martin
the Telerik team

[Baz]

Martin,

Thanks for looking into the issue.  I decided to recreate my RadGrid from scratch after I noticed the problem and have been unable to duplicate the column resizing issue myself.  If I see it happen again, I'll save the project and open a support ticket.

Thanks again,

Baz

[Daniel]

I have the same issue. I have a grid with just one template column that I have a formatted table in.
Everything is fine until I put UseStaticHeaders="true" in the Scrolling tab.

<telerik:RadGrid ID="rgCurrent" DataSourceID="SqlDataSource1" GridLines="None" ShowHeader="false" ShowFooter="true"
                    runat="server" AutoGenerateColumns="False" Skin="Windows7" Height="765px">
                    <ClientSettings>
                        <Scrolling AllowScroll="true" SaveScrollPosition="true" UseStaticHeaders="true" />
                    </ClientSettings>
                    <MasterTableView DataSourceID="SqlDataSource1" DataKeyNames="PatientId" CommandItemDisplay="Top" Width="1060px">
                        <Columns>
                            <telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="~/Images/save.gif" CommandName="Update"
                                CommandArgument="PatientId" HeaderStyle-Width="5px"></telerik:GridButtonColumn>
                            <telerik:GridTemplateColumn>
                                <ItemTemplate>
                                    <table border="0" cellpadding="0" cellspacing="0">

[Pavlina]

Hello Latisha,

Can you please verify that the problem does not persist when you remove CommandItemDisplay="Top" from your declaration?

Kind regards,
Pavlina
the Telerik team

[Daniel]

When I have CommandItemDisplay="Top" AND UseStaticHeaders="true" together, the width is extended.
If I only put in one or the other, it's fine.
I need to have the CommandItems displayed and I also need to use static headers. Is there a solution for this?

Thank you for your prompt respons,
Tisha

[Pavlina]

Hi Latisha,

Please find attached a test project based on the provided code which is working properly. Give it a try and let me know if any questions arise.

Additionally, I recommend that you examine the forum thread below which elaborates on best practice for grid and column widths:
http://www.telerik.com/community/forums/aspnet/grid/best-practice-for-grid-and-column-widths.aspx#1214355

Best wishes,
Pavlina
the Telerik team

[Daniel]

Pavlina,

I put your RadGrid exactly as you had it on my page using my datasource and it is still stretched out.
I have attached an image for example.
It looks fine in Chrome, but in IE8 and Firefox version 3.6.15 it is stretched.

Thank you,
Latisha

[Pavlina]

Hello Latisha,

To overcome this behaviour you can try preventing wrap of cell content in RadGrid, so the width of the columns is consistent across all supported browsers:
http://www.telerik.com/help/aspnet-ajax/grid-no-wrap-for-grid-cell-content.html

Give this suggestion a try and let me know how it goes.

All the best,
Pavlina
the Telerik team