Skip to content

Provide the RowDetailsTemplate support to QuickGrid component#67044

Draft
Yuvan111 wants to merge 4 commits into
dotnet:mainfrom
Yuvan111:fix-54930-rowdetails
Draft

Provide the RowDetailsTemplate support to QuickGrid component#67044
Yuvan111 wants to merge 4 commits into
dotnet:mainfrom
Yuvan111:fix-54930-rowdetails

Conversation

@Yuvan111
Copy link
Copy Markdown

@Yuvan111 Yuvan111 commented Jun 5, 2026

Provide the RowDetailsTemplate support to QuickGrid component

Description

Add support for expandable row details in QuickGrid by introducing the RowDetailsTemplate property. When this template is set, each row shows a toggle button that lets users expand or collapse additional details below the row. The expanded state is tracked per item, so it remains consistent during data updates. Keyboard support is also included, allowing users to expand and collapse row details using Enter and Space for better accessibility.

Property name Type Description
RowDetailsTemplate RenderFragment? Optional template used to render expandable row details for each grid item. When provided, the grid displays a toggle button in each row and shows the expanded content below the row.

Accessibility
The toggle button also includes aria-label and aria-expanded attributes to improve accessibility.

Output gif:

chrome_g5YVWqvSoy

Fixes #54930, #46356

@github-actions github-actions Bot added the area-blazor Includes: Blazor, Razor Components label Jun 5, 2026
@dotnet-policy-service dotnet-policy-service Bot added the community-contribution Indicates that the PR has been added by a community member label Jun 5, 2026
@dotnet-policy-service
Copy link
Copy Markdown
Contributor

Thanks for your PR, @Yuvan111. Someone from the team will get assigned to your PR shortly and we'll get it reviewed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area-blazor Includes: Blazor, Razor Components community-contribution Indicates that the PR has been added by a community member

Projects

None yet

Development

Successfully merging this pull request may close these issues.

QuickGrid - RowDetail

1 participant