How To Call Defaultexportcsv() Of Reactjs Material-table From The Overriden Export Function

I'm a beginner in reactjs. I'm handling material-table (material-table.com) which should be capable of download data with the custom filename with the current timestamp. This can b

Solution 1:

You can write your own exportCsv callback fn but then you are responsible for generating CSV data for exporting also.

Maybe you can find the following useful. For data exporting you can use the same library as in component MaterialTable. First, don't forget to install the library:

npm install --save filefy

And import library

const _filefy = require("filefy");

Inside functional component define fn for exporting data into CSV format:

constexportCsv = (allColumns, allData) => {
    const columns = allColumns.filter(columnDef => columnDef["export"] !== false);
    const exportedData = allData.map(rowData => columns.map(columnDef => rowData[columnDef.field]));
    new _filefy.CsvBuilder('filename_' + moment().format('YYYY-MM-DDTHHmmss'))
      .setDelimeter(';')
      .setColumns(columns.map(columnDef => columnDef.title))
      .addRows(exportedData)
      .exportFile();
  }

Inside MaterialTable connect exportCsv

<MaterialTable
...
      options={
        {
...
          exportButton: true,
          exportCsv,
        }
      }