RadDataGrid - Look

[Daniel]

Hi,

Look how it look when there are a lot of records.

  <telerikDataGrid:RadDataGrid Grid.Row="4" Grid.Column="0" x:Name="resultsDataGrid"  SelectedItem="{Binding HistoryReportSelectedItem, Mode=TwoWay}" Margin="20"
                AutoGenerateColumns="False"  SelectionMode="Single" SelectionUnit="Row" ItemsSource="{Binding HistoryReportSource, Mode=TwoWay}" HeightRequest="400" 
                                         AlternateRowBackgroundStyle="{StaticResource AlternateRowBackgroundStyle}">
                      <telerikDataGrid:RadDataGrid.Columns>
                    <telerikDataGrid:DataGridTextColumn PropertyName="Succeded" HeaderText="Results" HeaderStyle="{StaticResource DataGridTextColumnHeaderStyle}" CellDecorationStyle="{StaticResource DataGridTextColumnBorderStyle}"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="Type" HeaderText="Type" HeaderStyle="{StaticResource DataGridTextColumnHeaderStyle}" CellDecorationStyle="{StaticResource DataGridTextColumnBorderStyle}"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="EndTime" HeaderText="End Time" HeaderStyle="{StaticResource DataGridTextColumnHeaderStyle}" CellDecorationStyle="{StaticResource DataGridTextColumnBorderStyle}"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="File" HeaderText="File" HeaderStyle="{StaticResource DataGridTextColumnHeaderStyle}" CellDecorationStyle="{StaticResource DataGridTextColumnBorderStyle}"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="Route" HeaderText="Route" HeaderStyle="{StaticResource DataGridTextColumnHeaderStyle}" CellDecorationStyle="{StaticResource DataGridTextColumnBorderStyle}"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="FailedFolder" HeaderText="FailedFolder" HeaderStyle="{StaticResource DataGridTextColumnHeaderStyle}" CellDecorationStyle="{StaticResource DataGridTextColumnBorderStyle}"/>
                    <telerikDataGrid:DataGridTextColumn PropertyName="Portal" HeaderText="Portal" HeaderStyle="{StaticResource DataGridTextColumnHeaderStyle}" CellDecorationStyle="{StaticResource DataGridTextColumnBorderStyle}"/>
                 </telerikDataGrid:RadDataGrid.Columns>
            </telerikDataGrid:RadDataGrid>

[Didi]

Hi Daniel, 

I am not sure I understand this forum post. Do you have any issues with the DataGrid control on Windows? Could you please describe in details the issues you have and what scenario you want to achieve? 

I look forward to your rely.

[Daniel]

There is blank area  between the header of DataGrid  and the content.

See attached screenshot in previous note.

[Didi]

I cannot reproduce blank space between the header and the content. The behavior may occur because of styling. I noticed you have applied styling to the column header, cell, etc.

Test the following: start removing the styling and check whether the blank space will disappear.

If you can send us all styling properties applied than we can test on our side the behavior.

[Daniel]

 <telerikDataGrid:DataGridColumnHeaderStyle x:Key="DataGridTextColumnHeaderStyle"
                                               BackgroundColor="LightSkyBlue" 
                                               TextColor="Black"
                                               BorderColor="{StaticResource  PrimaryColor}"
                                               BorderThickness="1"/>

            <telerikDataGrid:DataGridBorderStyle x:Key="AlternateRowBackgroundStyle"
                                                 BackgroundColor="LightBlue"
                                                 BorderColor="BlanchedAlmond" 
                                                 BorderThickness="1"/>

            <telerikDataGrid:DataGridBorderStyle x:Key="DataGridTextColumnBorderStyle" 
                                                 BorderColor="DarkBlue"  
                                                 BorderThickness="1"/>

[Daniel]

 <Color x:Key="PrimaryColor">#03446a</Color>
            <Color x:Key="SecondaryColor">White</Color>

[Didi]

I cannot reproduce the behavior. Maybe you have applied implicit style to the DataGrid. I am not sure what could be the reason for the blank area between the header and rows. 
Here is how the DataGrid looks on my side: 

[Daniel]

see that data  pass HeightRequest="400" and scroller in action and scroll the data app and down,

[Didi]

I can scroll through the DataGrid up and down and I have also used the HeightRequest = 400, no issues on my side. Please review carefully the layouts you have used and I can suggest you comment some parts of the layout you have and check in which cases the issue will disappear. 

[Daniel]

Added my layout.

[Didi]

I have used the layout in the SDK app but I cannot reproduce the behavior.

 

As I suggested before, please review in details the layout you have in your original project. The file you have sent is a ContentView. You can review the page where the ContentView is used.

[Daniel]

Hi Didi,

I tried to reproduced on version 7(Telerik) without success.