• Introduction
  • Getting Started
  • Native Components
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

Define a Grid Custom Cell Template with Grouping and Selection


Product Version3.0.1
ProductProgress® Kendo UI for Vue Native


The below example demonstrates how we can keep the Grouping and Select functionality of the Grid while using a custom cell template inside the Kendo UI for Vue Native Grid


To define a custom template, use the Use a cellRender prop of the Native Grid. Initialize the CustomCell component inside the slot template that is passed to the cellRender as demonstrated below:

<template v-slot:myTemplate="{props}">
    <custom :field="props.field"
            @click="clickHandler(props.dataItem)" />

Runnable example

View Source
Change Theme:

In this article

Not finding the help you need?