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:
-
Install the
kendo-vue-excel-export
package.npm install @progress/kendo-vue-excel-export
-
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: