Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 19 Feb 2020 11:12 by ADMIN
Release 2.8.0
Robert
Created on: 22 Oct 2019 08:41
Category: Grid
Type: Bug Report
7
Grid filter row out of place when using DetailTemplate

I have a simple Grid with custom detail template

    <Telerik.Blazor.Components.TelerikGrid Data="@GridData" FilterMode="Telerik.Blazor.GridFilterMode.FilterRow" >

        <GridColumns>
            <Telerik.Blazor.Components.GridCheckboxColumn Title="Selected"></Telerik.Blazor.Components.GridCheckboxColumn>
            <Telerik.Blazor.Components.GridColumn Title="Name" Filterable="true" Field="@nameof(GridItem.Text)"></Telerik.Blazor.Components.GridColumn>
            <Telerik.Blazor.Components.GridColumn Field="@nameof(GridItem.Date)" Filterable="true" Title="Date"></Telerik.Blazor.Components.GridColumn>
            <Telerik.Blazor.Components.GridColumn Field="@nameof(GridItem.Id)" Filterable="true" Title="Id"></Telerik.Blazor.Components.GridColumn>
            <Telerik.Blazor.Components.GridColumn Field="@nameof(GridItem.ParentIdValue)" Filterable="true" Title="Parent Id"></Telerik.Blazor.Components.GridColumn>
            <Telerik.Blazor.Components.GridColumn Field="@nameof(GridItem.HasChildren)" Filterable="true" Title="Has Children"></Telerik.Blazor.Components.GridColumn>
        </GridColumns>

        <DetailTemplate>
            <div>Custom Template</div>
        </DetailTemplate>

    </Telerik.Blazor.Components.TelerikGrid>

 

And here is what it looks like. Filters are moved one column to the left. When I remove DetailTemplate everything is ok.

 

3 comments
ADMIN
Marin Bratanov
Posted on: 22 Oct 2019 11:40

We are working on implementing a viewport boundary detection so this will stop happening. In the meantime the only other option is to have the grid narrower than the viewport so it does not touch its right-hand side.

 

Regards,
Marin Bratanov
Progress Telerik

 UI for Blazor
Robert
Posted on: 22 Oct 2019 11:33
Thank you Marin. I've tried using FilterMenu and it works well except for the last column. When clicking the on filtermenu icon on last column, filtermenu goes to the right of the grid and horizontal scroll appears. When I click on the scroll, the filtermenu disappears. So, filtermenu in last column cannot be used
ADMIN
Marin Bratanov
Posted on: 22 Oct 2019 10:21

Hello Robert,

Thank you for noticing and letting us know. I have logged this for fixing and you can receive notifications for it status by clicking the Follow button.

In the meantime, I suggest trying the GridFilterMode.FilterMenu filtering mode as it seems to arrange properly for me.

 

Regards,
Marin Bratanov
Progress Telerik

 UI for Blazor
Create an account Log In
View
Type
Status
Category