Hi Evan,

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

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

I fixed the issue in the scroll view i set IsClippedToBounds="True"

Hi Evan,

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

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

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 

Hello Evan,

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

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),
                                        },
                                    };

 

Hi,

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

Hi, 

How can I hide option menu on header row? Because here is mentioning as the only solution the transparency.

Regards, 
Stavros

 

The reason you see the rows underneath is that the background color of the header is semi transparent - BackgroundColor = Color.Red.MultiplyAlpha(0.07). If you were to use a solid non-transparent color, it should work as expected. Let us know if you need further assistance.

Regards,
Petar Marchev
Progress Telerik

It's ok now. thanks