New to Kendo UI for Vue? Start a free 30-day trial

Add an Popup Action Button to a Grid Row


Product Version2.4.0
ProductProgress® Kendo UI for Vue Native


This Knowledge base article shows how we can add an action button to the rows of the Native Grid component. Using this action button, we can control the data state of the Grid or change the look of the component.


The way we define the action button in the Grid column is through the cell column property. The custom template passed to this property is defined as follows:

<template v-slot:myTemplate="{props}">
	<custom :data-item="props.dataItem" 

The definition of the custom component can be seen in the ActionCell.vue file in the below example.

Runnable example

View Source
Change Theme:

In this article

Not finding the help you need?