The DevExpress MVC Grid View gives you the ability to display detail information for a given row within its Preview Row region. These are non-editable rows that allow large memo fields or custom data to be displayed across all the columns within the Grid View.
Preview Rows are displayed if the Settings.ShowPreview option is set to true. By default, Preview Rows are empty. Set the PreviewFieldName property to the required field in the data source to bind the preview rows with data. Use the Styles.PreviewRow property to access style settings used to paint preview rows.
To provide a template for rendering preview rows, use the SetPreviewTemplateContent method.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxGridViewDemos