Programmatic CSV Export

Updated on May 11, 2026

The Kendo UI for Vue Data Grid provides programmatic methods via the Grid ref to export CSV data without using the built-in GridCsvExportButton component. This enables custom export workflows such as uploading to a server or previewing the data before download.

Grid Ref Methods

The Grid exposes two CSV-related methods through its ref:

Method	Returns	Description
exportAsCsv()	void	Triggers a CSV file download
getCsvBlob()	Blob | null	Returns the CSV data as a Blob for custom handling

Usage Example

The following example demonstrates both methods:

• Download CSV - Uses exportAsCsv() to trigger an immediate file download
• Upload to Server - Uses getCsvBlob() to get the Blob for custom upload logic
• Preview CSV - Uses getCsvBlob() to read and display the CSV content

Change Theme

Theme

Loading ...

Suggested Links

• CSV Export Basics
• Exporting Grouped Data
• Data Transformation
• API Reference of the Grid