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.

View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?