RadDataGrid and scroll bar

[Mag]

Hello
When i use a rad datagrid on a desktop application, i see a scrollbar on the right side, but in that case the scrollbar hide some of the information that i show.

On the attach file you can see my problem.

Can you tell me what can i do?
Thank you

[Ivaylo Gergov]

Hello,

The scrollbar comes from the ScrollViewer that wraps the grid's container so the only solution would be to manually set a bigger width of the last column.

Let me know if this works for you.

Regards,
Ivaylo Gergov
Telerik

 

 

[Mag]

I dont have a scrollViewer,
can you send me an example??
This is my code

       <dataGrid:RadDataGrid ItemsSource="{Binding ListExecutiveReport}" AutoGenerateColumns="False" Grid.Row="1" UserGroupMode="Disabled" Background="Transparent" Margin="5,5,5,5">
            <dataGrid:RadDataGrid.Columns>
                <dataGrid:DataGridTemplateColumn Header="Reporte">
                    <dataGrid:DataGridTemplateColumn.HeaderStyle>
                        <Style TargetType="primitives:DataGridColumnHeader">
                            <Setter Property="FontSize" Value="22" />
                        </Style>
                    </dataGrid:DataGridTemplateColumn.HeaderStyle>
                    <dataGrid:DataGridTemplateColumn.CellContentTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding ReportName}" HorizontalAlignment="Left" VerticalAlignment="Center" Foreground="Black" FontWeight="{Binding FontWeight}" FontSize="22"/>
                        </DataTemplate>
                    </dataGrid:DataGridTemplateColumn.CellContentTemplate>
                </dataGrid:DataGridTemplateColumn>
                <dataGrid:DataGridTemplateColumn Header="Total">
                    <dataGrid:DataGridTemplateColumn.HeaderStyle>
                        <Style TargetType="primitives:DataGridColumnHeader">
                            <Setter Property="HorizontalContentAlignment" Value="Right"/>
                            <Setter Property="FontSize" Value="22" />
                        </Style>
                    </dataGrid:DataGridTemplateColumn.HeaderStyle>
                    <dataGrid:DataGridTemplateColumn.CellContentTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Value}" HorizontalAlignment="Right" VerticalAlignment="Center" Foreground="Black" FontWeight="{Binding FontWeight}" FontSize="22"/>
                        </DataTemplate>
                    </dataGrid:DataGridTemplateColumn.CellContentTemplate>
                </dataGrid:DataGridTemplateColumn>
            </dataGrid:RadDataGrid.Columns>
        </dataGrid:RadDataGrid>

[Ivaylo Gergov]

Hi,

The ScrollViewer is part of the RadDataGrid's template. You can try to modify it but we strongly recommend not to do this..

Sorry for any inconvenience caused.

Regards,
Ivaylo Gergov
Telerik

 

 

[Mag]

Hello,
Can you show me an example of how to do it?
I have tried to do it but i always see two scrolls, one on the data grid and other outside the grid

Thank you

[Ivaylo Gergov]

Hi Mario,

Actually it turned out that there is a very straightforward solution. You just need to find the ScrollViewer with Name PART_ScrollViewer in the RadDataGrid's template  and change its VerticalScrollBarVisibility property  to Hidden.
For your convenience I have prepared a project that demonstrates this. Please, see the attached project.

Let me know if you need further assistance.

Regards,
Ivaylo Gergov
Telerik