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

Column header filter spacing issue

6 Answers 172 Views

GridView

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

Rob asked on 18 Sep 2013, 02:17 PM

grid.png

I have defined a simple grid as follows:

<Grid Margin="20">

<Grid.RowDefinitions>

<RowDefinition Height="50" />

<RowDefinition Height="30" />

<RowDefinition />

</Grid.RowDefinitions>

<TextBlock Grid.Column="0" />

<Border BorderBrush="LightGray" BorderThickness="1" Grid.Row="1" />

<telerik:RadGridView x:Name="gridTradePackages"

Grid.Row="2" BorderThickness="1,0,1,1"

AutoGenerateColumns="True">

</telerik:RadGridView>

</Grid>

I'm then simply binding an observablecollection to the grid.

The issue I have is why I have odd spacing of the filter selector in the column header and why the filtered list (when clicked) is centered? I have removed every property of the grid right down to auto generating columns but am lost as to why this should occur. I haver attached a screen shot that shows the behaviour.

6 Answers, 1 is accepted

answered on 18 Sep 2013, 02:57 PM

grid2.png

Didie,

Many thanks for that. Removal of the checkbox style fixed the dropdown issue.

The issue of the odd header still remains (see new image attachment). The filter indicator seems to have a really big margin for some reason?

Many thanks

answered on 14 Jul 2016, 08:46 AM

telerikissue.png

Hello,

[quote]
Have you also defined a Style targeting all the Buttons and setting Width for them?
[/quote]

could you please elaborate on that? I'm experiencing the same difficulties. The filter icon or rather the margin that surrounds it takes up way more space than the text, which leads to enormously-sized column widths (column width is set to "Auto"). Please see attached screenshot for reference.

Thanks in advance

Christian