Framework:Javascript Data GridAngular Data GridReact Data GridVue Data Grid

React Data Grid: Excel Export - Hyperlinks

This section describes how to insert hyperlinks in the cells of the exported Excel file.

Exporting Formulas

You can insert hyperlinks in the cells of the exported Excel file by outputting an Excel HYPERLINK formula with a URL value you provide. The code below inserts hyperlinks in the Excel export file for all values in the URL column.

const defaultExcelExportParams = {
    autoConvertFormulas: true,
    processCellCallback: params => {
        const field = params.column.getColDef().field;
        return field === 'url' ? `=HYPERLINK("${params.value}")` : params.value;
const excelStyles = [
        id: 'hyperlinks',
        font: {
            underline: 'Single',
            color: '#358ccb'

<AgGridReact defaultExcelExportParams={defaultExcelExportParams} excelStyles={excelStyles}>
    <AgGridColumn field="company" />
    <AgGridColumn field="url" cellClass="hyperlinks" />

Note the following:

  • The URL column of the grid below has URL values.
  • In the exported Excel file, the URL column has active links for these URL values.

Next Up

Continue to the next section: Master Detail.