Log In
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  ASP.NET Bootstrap Controls - Overview
 [Expand]Getting Started
 [Collapse]Grid View
  [Expand]Binding to Data
  [Expand]Data Representation Basics
  [Expand]Data Summaries
   Cell Merging
  [Expand]Focus and Navigation
  [Expand]Data Editing
  [Collapse]Master-Detail Relationship
    Master-Detail: Implementation
    Expanding and Collapsing Detail Rows
   Export Overview
   Data-Toggle Attribute
 [Expand]Card View
 [Expand]Data Editors
 [Expand]Site Navigation
 [Expand]Site Layout
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Expanding and Collapsing Detail Rows

To access detail data, an end-user must expand a data row by clicking on its expand button.

By default, end-users can expand several master rows simultaneously. This behavior is controlled by the ASPxGridViewDetailSettings.AllowOnlyOneMasterRowExpanded option. If this option is enabled, only one detail row can be displayed at a time.

To display and/or hide detail data in code, use the ASPxGridView.DetailRows property. This property returns the WebDataDetailRows object, whose methods allow you to expand/collapse individual detail rows and all rows simultaneously, obtain the number of visible detail rows, etc.

Bootstrap Grid View provides multiple client methods that allow you to expand and/or collapse detail rows on the client.

Expanded Expanding/Collapsing Individual Detail Rows

Expanded Expanding/Collapsing All Detail Rows

Each time a detail row is expanded or collapsed, the ASPxGridView.DetailsChanged event is raised.

Is this topic helpful?​​​​​​​