Getting Started with Kendo UI for Vue Excel Export

The Kendo UI for Vue saveExcel method allows you to export and save data to Excel files, to customize the output cells and columns, and to filter the data after the export.

The saveExcel method is part of the Kendo UI for Vue library. It is distributed through NPM under the kendo-vue-excel-export package.

The Excel export Component is part of Kendo UI for Vue, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Usage

The following example demonstrates the saveExcel method in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

Installation

  1. Download and install the package:

       npm install --save @progress/kendo-vue-excel-export @progress/kendo-licensing
  2. Once installed, import the method.

    // ES2015 module syntax
    import { saveAs } from '@progress/kendo-file-saver';
    // CommonJS format
    const { saveAs } = require('@progress/kendo-vue-excel-export');
  3. Follow the instructions on the Kendo UI for Vue Activate License Key page to activate your license. You can skip this step if your application already contains a Kendo UI for Vue license file.

Compatibility

The Excel Export package is compatible with both Vue 2 and Vue 3.

Known Limitations

  • Older browsers, such as Internet Explorer 9 and Safari, require you to implement a server proxy. For more information, refer to the section on the proxyUrl configuration.
  • The maximum size of the exported file has a system-specific limit. For large data sets, it is highly recommended that you use a server-side solution.