• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Add ProgressBar to Grid cell

Environment

Product Version5.12.0
ProductProgress® KendoReact

Description

I want to add ProgressBar component as a custom cell in the Grid.

Solution

This can be achieved by defining custom cell for the column and rendering a ProgressBar component with the value from the data item for that column. For using the ProgressBar the @progress/kendo-react-progressbars package must be included.

This is an example showcasing this approach:

Example
View Source
Change Theme:

In this article

Not finding the help you need?