New to Kendo UI for Vue? Start a free 30-day trial
Change the Expand/Collapse Arrow in Master-Detail Grid
Updated on Dec 29, 2025
Environment
| Product Version | 7.0.2 |
| Product | Progress® Kendo UI for Vue Data Grid |
Description
How can I customize the expand/collapse arrow icons in the Kendo UI for Vue Master-Detail Grid? I want to replace the default arrows with custom icons or components when displaying master-detail grids.
Solution
To customize the expand/collapse arrows, use a named template slot for the expand column cell. Set the cell property in the expandColumn Grid prop to reference your custom template slot name, then define that template slot to render your custom icons or components.
Change Theme
Theme
Loading ...