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

Excel Export

The native Vue Grid by Kendo UI provides inbuilt options for exporting its data to Excel.

Getting Started

To enable the Excel export:

  1. Install the kendo-vue-excel-export package.

     npm install @progress/kendo-vue-excel-export
  2. Import the ExcelExport component in your Vue Application.

     import { saveExcel } from '@progress/kendo-vue-excel-export';
The following example demonstrates the basic implementation of the Excel export functionality of the Grid. The Grid uses a button click handler to trigger the saveExcel method. Note how the exported columns and the file name are defined to customize the exported file.
Example
View Source
Change Theme:

In this article

Not finding the help you need?