This is a migrated thread and some comments may be shown as answers.

Scrollbars appearing when I set GridView column width to fill (*)

7 Answers 867 Views

GridView

This is a migrated thread and some comments may be shown as answers.

newbie asked on 25 Mar 2011, 06:10 PM

I am using a RadGridView to display information about people.
The last column is for edit/delete buttons.
Whenever I set the last column's width to "*" (to fill the rest of the space), a horizontal scroll bar appears.
If I have 1 column in my grid, then the last column's width properly fills the remaining space and no horizontal scroll bar appears; however, the more columns that I add to the grid, the more you have to scroll to see the edit buttons (the worse the horizontal scroll bar becomes).

This is the markup for my GridView:

<telerik:RadGridView Name="PeopleGrid"

Width="{Binding ElementName=theRootElement, Path=ActualWidth}"

ItemsSource="{Binding Source={StaticResource people}, Path=People}"

IsReadOnly="True"

EditTriggers="None">

<telerik:RadGridView.Columns>

<telerik:GridViewToggleRowDetailsColumn ExpandMode="Single" />

<telerik:GridViewDataColumn Header="First Name" DataMemberBinding="{Binding FirstName}" />

<telerik:GridViewDataColumn Header="Last Name" DataMemberBinding="{Binding LastName}" />

<telerik:GridViewDataColumn Header="Age" DataMemberBinding="{Binding Age}" />

<telerik:GridViewDataColumn Header="Marital Status" DataMemberBinding="{Binding MaritalStatus}" />

<telerik:GridViewDataColumn Width="*">

<telerik:GridViewDataColumn.CellStyle>

<Style TargetType="telerik:GridViewCell">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate>

<StackPanel Orientation="Horizontal" HorizontalAlignment="Right">

<Button x:Name="btn_EditPerson" ToolTip="Edit">

Edit

</Button>

<Button ToolTip="Delete"

Command="{Binding Source={StaticResource people}, Path=DeletePerson}"

CommandParameter="{Binding .}">

Delete

</Button>

</StackPanel>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</telerik:GridViewDataColumn.CellStyle>

</telerik:GridViewDataColumn>

</telerik:RadGridView.Columns>

<telerik:RadGridView.RowDetailsTemplate>

<DataTemplate>

</DataTemplate>

</telerik:RadGridView.RowDetailsTemplate>

</telerik:RadGridView>

Thanks, in advanced, for your help!

7 Answers, 1 is accepted

answered on 12 May 2011, 01:59 PM

I am having a similar issues.

The horizontal scrollbar appears if I have any star width columns, regardless of whether it is actually required.

I have tried having both single and multiple "*" columns and changing which column is starred and it happens the same.

I does not seem to be anything to do with the visual container as it occurred when I had a fixed sized Grid containing the GridView and when I had a star sized Grid.

Neither does fixing the width of the GridView rather than having it fill the containing Grid solve the issue.

The strange thing is that it disappears if you resize the containing visual container at runtime (either to make it larger or smaller), but it does then reappear if you reduce the size of the GridView itself (still regardless of if the scrollbar is actually required).

answered on 18 May 2011, 01:48 PM

WpfApplication1.zip

Hi,

I've tried to replicate this in various grid setups however everything worked as expected on my end. You can check the attached application for reference.

Regards,
Vlad
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items