[Solved] Disturb designing on resizing with static header

[Kaushal]

Hello ALL,

I have applied following properties to radgrid.

<telerik:RadGrid ID="radgrdSearch" runat="server" Width="100%"
ClientSettings-Scrolling-AllowScroll="true"
ClientSettings-Scrolling-UseStaticHeaders="true" ClientSettings-Scrolling-FrozenColumnsCount="1"
ClientSettings-Selecting-AllowRowSelect="true" OnNeedDataSource="radgrdSearch_NeedDataSource"
OnItemDataBound="radgrdSearch_ItemDataBound"
OnItemCreated="radgrdSearch_ItemCreated"
AutoNavigateToSingleRecord="true"
ClientSettings-AllowKeyboardNavigation="true"
AutoGenerateColumns="false"
HeaderStyle-Wrap="true"
ItemStyle-Wrap="true"
AlternatingItemStyle-Wrap="true"                 OnExcelMLExportRowCreated="radgrdSearch_ExcelMLExportRowCreated" OnExcelMLExportStylesCreated="radgrdSearch_ExcelMLExportStylesCreated">
<MasterTableView Width="100%" NoMasterRecordsText="No records to display">

<telerik:GridHyperLinkColumn HeaderText="Action" UniqueName="ViewColumn" Visible="false" DataNavigateUrlFields="FIELD" ItemStyle-HorizontalAlign="Center" HeaderStyle-Wrap="true" HeaderStyle-Width="50px" ItemStyle-Width="50px" DataNavigateUrlFormatString="URL" Text="View"></telerik:GridHyperLinkColumn>

<telerik:GridHyperLinkColumn HeaderText="Action" UniqueName="ActionColumn" ItemStyle-HorizontalAlign="Center" HeaderStyle-Wrap="true" DataNavigateUrlFields="FIELD" HeaderStyle-Width="50px" ItemStyle-Width="50px" DataNavigateUrlFormatString="URL"
Text="Edit"></telerik:GridHyperLinkColumn>

<telerik:GridBoundColumn DataField="FIELD" HeaderText="HEADER"
HeaderStyle-Width="70px" ItemStyle-Width="70px" HeaderStyle-Wrap="true" />

<telerik:GridBoundColumn DataField="FIELD" HeaderText="HEADER"
HeaderStyle-Width="160px" ItemStyle-Width="160px" />

<telerik:GridBoundColumn DataField="FIELD" HeaderText="HEADER"
HeaderStyle-Width="150px" ItemStyle-Width="150px" />

<telerik:GridBoundColumn DataField="FIELD" HeaderText="HEADER"
HeaderStyle-Width="180px" ItemStyle-Width="180px" HeaderStyle-Wrap="true" />

<telerik:GridBoundColumn DataField="FIELD" UniqueName="UNIQUENAME" HeaderText="HEADER" DataType="System.DateTime" DataFormatString="{0:MM/dd/yyyy}"
HeaderStyle-Wrap="true" HeaderStyle-Width="80px" ItemStyle-Width="80px" />

<telerik:GridBoundColumn DataField="FIELD" UniqueName="UNIQUENAME" HeaderText="HEADER" DataType="System.DateTime" DataFormatString="{0:MM/dd/yyyy}"
HeaderStyle-Wrap="true" HeaderStyle-Width="70px" ItemStyle-Width="70px" />

<telerik:GridBoundColumn DataField="FIELD" HeaderText="HEADER"
HeaderStyle-Wrap="true" HeaderStyle-Width="60px" ItemStyle-Width="60px" />

<telerik:GridBoundColumn DataField="FIELD" HeaderText="HEADER"
HeaderStyle-Width="80px" ItemStyle-Width="80px" />

<telerik:GridBoundColumn DataField="FIELD" HeaderText="HEADER"
HeaderStyle-Width="80px" ItemStyle-Width="80px" />

</Columns>
</MasterTableView>
</telerik:RadGrid>

I had use paging control so i had used static header true.
Now when i am going to re size any of the column from grid the design get disturb, column get mapped on each of.
can you please give me your suggestion to resolve this.

Thanks
Kaushal Pathak.

[Princy]

Hello,

Try setting TableLayout property of MasterTableView as Fixed.

Thanks,
Princy.

[Kaushal]

Hi Princy,

Tried with TableLayout as Fixed, but same problem.

[Tsvetina]

Hi Kaushal,

When using static headers your columns should only declare HeaderStyle-Width for setting the columns width, so remove the ItemStyle-Width settings.

Also, refer to this help article for more information on best practices when setting columns widths in different scenarios:
http://www.telerik.com/community/forums/aspnet/grid/best-practice-for-grid-and-column-widths.aspx

I hope this helps.

Kind regards,
Tsvetina
the Telerik team