DataGrid Scrolling over the header title

8 posts, 1 answers
  1. Evan
    Evan avatar
    8 posts
    Member since:
    Sep 2017

    Posted 22 Nov Link to this post

    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>

  2. Petar Marchev
    Admin
    Petar Marchev avatar
    999 posts

    Posted 27 Nov Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Evan
    Evan avatar
    8 posts
    Member since:
    Sep 2017

    Posted 27 Nov in reply to Petar Marchev Link to this post

    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

  4. Evan
    Evan avatar
    8 posts
    Member since:
    Sep 2017

    Posted 28 Nov in reply to Evan Link to this post

    I fixed the issue in the scroll view i set IsClippedToBounds="True"
  5. Answer
    Petar Marchev
    Admin
    Petar Marchev avatar
    999 posts

    Posted 30 Nov Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  6. Evan
    Evan avatar
    8 posts
    Member since:
    Sep 2017

    Posted 30 Nov in reply to Petar Marchev Link to this post

    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

  7. Evan
    Evan avatar
    8 posts
    Member since:
    Sep 2017

    Posted 30 Nov in reply to Petar Marchev Link to this post

    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 

  8. Petar Marchev
    Admin
    Petar Marchev avatar
    999 posts

    Posted 04 Dec Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top