---
title: Overview
position: 1
seo_title: Overview of the PropertyGrid Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  PropertyGrid component and its types, check out the extensive set of available
  options in its live demo, and master its appearance.
---
## PropertyGrid Overview

A PropertyGrid is a user interface (UI) component commonly used in software applications to display and edit the properties and attributes of objects, typically within a development or design environment. It provides a structured and organized way to view and modify the properties, making it valuable for developers, designers, and users.

### Live Demo

<LiveDemo data='{"links":[{"text":"jQuery","url":"https://docs.telerik.com/kendo-ui/controls/propertygrid/overview"},{"text":"ASP.NET Core","url":"https://docs.telerik.com/aspnet-core/html-helpers/data-management/propertygrid/overview"},{"text":"ASP.NET MVC","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/propertygrid/overview"}],"demo":"components/propertygrid/overview"}'></LiveDemo>

### Anatomy

The anatomy of the PropertyGrid summarizes the elements of the component:

<BlueprintImage data='{"description":"","labels":[{"text":"Toolbar"},{"text":"Search box"},{"text":"Sort button"},{"text":"Group categories button"},{"text":"Details button"},{"text":"Editable value"},{"text":"Read-only value"},{"text":"Property name"},{"text":"Group property name"},{"text":"Child property name"},{"text":"Property column"},{"text":"Value column"}]}'>![A Telerik and Kendo UI PropertyGrid component and its elements including toolbar, property column, value column and more.](images/components-propertygrid-overview-anatomy.png "Anatomy and elements of a Telerik and Kendo UI PropertyGrid component")</BlueprintImage>

### Grouped Categories View

The Telerik and Kendo UI PropertyGrid can display categories in groups for better visual separation between properties and property groups.

<BlueprintImage data='{"description":"","labels":[]}'>![The grouped categories view of the Telerik and Kendo UI PropertyGrid component](images/components-propertygrid-overview-grouped-categories-view.png "The categories separation into groups of the Telerik and Kendo UI PropertyGrid")</BlueprintImage>

### Property Details

The PropertyGrid features an option that displays more details about the selected property.

<BlueprintImage data='{"description":"","labels":[]}'>![The property details rendering of the PropertyGrid.](images/components-propertygrid-overview-property-details.png "The Telerik and Kendo UI PropertyGrid with property details box.")</BlueprintImage>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for jQuery PropertyGrid","description":"Find more information about the Kendo UI for jQuery PropertyGrid in the official product documentation of the component.","url":"https://docs.telerik.com/kendo-ui/controls/propertygrid/overview"}'>![Kendo UI for jQuery logo.](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core Button","description":"Find more information about the Telerik UI for ASP.NET Core Button component.","url":"https://docs.telerik.com/aspnet-core/html-helpers/data-management/propertygrid/overview"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC Button","description":"Find more information about the Telerik UI for ASP.NET MVC Button component.","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/propertygrid/overview"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>

</Wrap>