Display and Edit Multiple Data Item Fields in a Single Native Grid Cell

Environment

Description

The current Knowledge base article demonstrates how you can display multiple data item fields data in a single Kendo UI for Vue Native Grid cell.

KB sections

• Solution description
• Runnable example

Solution description

The below solution uses the cell property of the Native Grid's column. Through this property, we can customize the way the selected cell looks.

To display the Status, Public, and Hide fields available in the data item of each Grid row, the example uses the StatusCell custom component. What the custom component does is ensure the displaying of more than one data item in the "Status" field of the Grid.

Runnable example