I am trying to implement a data grid to have a GroupDescriptor and one TextColumn. I am able to display all the data correctly but when I scroll down the top rows are being scrolled over the header title. Below is the section of the data grid is there something that I am missing?
<telerikGrid:RadDataGrid AutoGenerateColumns="False" x:Name="AssignedRolesList" Grid.Row="1"> <telerikGrid:RadDataGrid.GroupDescriptors> <common:PropertyGroupDescriptor PropertyName="RoleName" /> </telerikGrid:RadDataGrid.GroupDescriptors> <telerikGrid:RadDataGrid.Columns> <telerikGrid:DataGridTextColumn PropertyName="OperationalPeriodName" HeaderText="Assigned Roles" /> </telerikGrid:RadDataGrid.Columns> </telerikGrid:RadDataGrid>
12 Answers, 1 is accepted
Perhaps I do not understand the issue at hand very clearly. I tested the xaml code you provided and it looks as expected. The rows do not overlap the column header. I am attaching an image of the output I get and the xaml and cs files I tested with. If you still think there is an issue on your side, please provide more details and snapshots of the datagrid you see.
Regards,
Petar Marchev
Progress Telerik
Rank 1
Ok I got it to not scroll over the header but it is also scrolling over other contents of the page. We have a custom navigation bar and another small grid in the main content section of the page. When I scroll down the header and the contents of the data grid go to the top of the page. Is there a way to limit how far the contents will show?
Thanks,
Evan
Rank 1
I can't say that I understand the issue you were facing. Our Xamarin Forms DataGrid does not provide a way for you to access the inner ScrollViews. This is why I will assume that you are talking about an element that is outside the DataGrid. I think that you were able to resolve this, if that is the case, we can consider this resolved. If you need further assistance, please provide more details, like snapshots of the current output and drawing of some sort that depicts the desired result. Also provide some information about what platform you use and if you are using a simulator or a physical device.
Regards,
Petar Marchev
Progress Telerik
Rank 1
Hello
You are correct it was the outer scroll view that I had to add in order for the DataGrid to scroll in place. I have the DataGrid in a row of a normal grid with the height set to *. The header would stay in place while the column contents would scroll over the header as well as the above rows of the normal Grid.
We are using an android simulator.
It does not seem I can attach files to a reply so I cant share a screen shot of what the issue looked like
Rank 1
Hello
You are correct it was the outer scroll view that I had to add in order for the DataGrid to scroll in place. I have the DataGrid in a row of a normal grid with the height set to *. The header would stay in place while the column contents would scroll over the header as well as the above rows of the normal Grid.
We are using an android simulator.
It does not seem I can attach files
Earlier in the conversation I attached a small piece of code and snapshots of the output I get. Were you able to test and see if you get the same results?
Perhaps I do not understand what you mean fully, but the default behavior of the DataGrid is such that it will not draw the rows over the column headers and will not draw anything outside of its boundaries. I feel that I cannot help any further unless you provide code that we can test with.
You cannot attach a file because this is a public forum thread and not a support ticket. In order to open a support ticket, you need your profile to be linked to a licensed account. Alternatively, you can attach the files in some cloud storage and give us a link. Or, if the code is not that much, you can share the code directly in the text editor.
Regards,
Petar Marchev
Progress Telerik
Rank 1
There is a bug.I change the header style by code and when I scrolling the the rows are drawing over column headers.
*
DataGridTextColumn gridColumn = new DataGridTextColumn()
{
PropertyName = ,
CellContentStyle = leftAlign,
HeaderStyle = new DataGridColumnHeaderStyle
{
OptionsButtonTextColor = Color.Transparent,
BorderColor = Color.Grey,
BorderThickness = new Thickness(1,1,0,1),
BackgroundColor = Color.Red.MultiplyAlpha(0.07),
},
};
You are correct - the rows panel is drawn underneath the column headers panel. When transparency is used, they overlap. I would suggest that you do not use transparency in the column headers as this is not a supported scenario at the moment.
Regards,
Petar Marchev
Progress Telerik
Regards,
Petar Marchev
Progress Telerik
Rank 1