Overriding Default No Records Component in Kendo UI for Vue Grid

Environment

Product	Kendo UI for Vue Grid
Version	Current

Description

I want to replace the default "No records available" message in the Kendo UI for Vue Grid with my own Vue component. By default, when the grid has no data, it displays this text. I need the ability to customize this behavior.

This knowledge base article also answers the following questions:

• How do I replace the default message in the Kendo UI for Vue Grid when no records are present?
• Is there a way to use a Vue component for the "No records" message in Kendo UI for Vue Grid?
• How can I customize the no records rendering in Kendo UI for Vue Grid?

Solution

To override the default "No records available" text in the Kendo UI for Vue Grid, use the GridNoRecords component within the grid. Define the custom content or Vue component you want to display when no records are available.

Steps

1. Use the GridNoRecords component inside the Grid component.
2. Place your custom message or component as the content of GridNoRecords.

Change Theme

Theme

Loading ...

See Also

• Kendo UI for Vue Grid Documentation
• GridNoRecords Component API
• Customizing Kendo UI for Vue Grid