RadDataGrid - Look

0 Answers 164 Views
DataGrid
Daniel
Top achievements
Rank 1
Silver
Bronze
Daniel asked on 13 Apr 2022, 02:50 PM

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
Telerik team
commented on 14 Apr 2022, 07:46 AM

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
Top achievements
Rank 1
Silver
Bronze
commented on 14 Apr 2022, 08:02 AM

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

See attached screenshot in previous note.

Didi
Telerik team
commented on 14 Apr 2022, 08:26 AM

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
Top achievements
Rank 1
Silver
Bronze
commented on 14 Apr 2022, 08:34 AM


 <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
Top achievements
Rank 1
Silver
Bronze
commented on 14 Apr 2022, 08:35 AM


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

Didi
Telerik team
commented on 14 Apr 2022, 12:29 PM

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
Top achievements
Rank 1
Silver
Bronze
commented on 14 Apr 2022, 12:35 PM

see that data  pass HeightRequest="400" and scroller in action and scroll the data app and down,
Didi
Telerik team
commented on 14 Apr 2022, 12:48 PM

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
Top achievements
Rank 1
Silver
Bronze
commented on 14 Apr 2022, 12:59 PM

Added my layout.
Didi
Telerik team
commented on 19 Apr 2022, 01:30 PM

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
Top achievements
Rank 1
Silver
Bronze
commented on 26 Apr 2022, 04:23 AM

Hi Didi,

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

No answers yet. Maybe you can help?

Tags
DataGrid
Asked by
Daniel
Top achievements
Rank 1
Silver
Bronze
Share this question
or