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

Add New Columns to the Grid

Environment

Product Version4.5.0
ProductProgress® KendoReact

Description

How can I dynamically add new columns to the grid?

Solution

This can be achieved with logic similar to the one in this demo of our documentation which showcases how to dynamically add new records (rows).

The idea here is to have a button that opens up a Form, which when submitted updates the database that contains all records and adds a new element to all objects in the data. The columns should be rendered dynamically by mapping through the database, which will allow the Grid to visualize any changes made in the database.

Example
View Source
Change Theme:

In this article

Not finding the help you need?