export pdf and csv

[ashkankiani]

It is a good library, but it needs to add data output to the system.
How to get output from data. Settings for raw or modified data output.
For example, a data is shown with true, while we mean "paid". And we want the output to be shown like this.

[KevinVandy]

You can easily hook up all of the getRowModel methods to a data export library. You can kind of get an idea for how to do this in an example of this library that is built on top of TanStack Table. Pretty much just connect whichever row model you want to a custom export library like export-to-csv

https://www.material-react-table.com/docs/examples/data-export

[evbo]

@KevinVandy I'm a bit confused, it seems you're suggesting "do not use react table V8 for data export"?
When I read the example you linked, it exports data completely external from react table. They simply store a reference to all of the data.

For instance, here is their handler, with it's own reference to the data (totally separate from the table - how could this support pagination, etc.?):

const handleExportData = () => {
    csvExporter.generateCsv(data);
  };

I was expecting a similar functionality V7 provided. Does that exist? Is that what you were referring to with getRowModel? Can you clarify more on that approach?

[KevinVandy]

Just 1 of 4 examples used the data. The other 3 looks at the rowModels

[evbo]

@KevinVandy thanks, I couldn't find any other examples on that page. Where did you see the 3 others?

[KevinVandy]

const handleExportRows = (rows: MRT_Row<Person>[]) => {
    csvExporter.generateCsv(rows.map((row) => row.original));
  };

  const handleExportData = () => {
    csvExporter.generateCsv(data);
  };

The first function in that example that is used by the other 3 buttons gets data from the row model. It is all there

[KevinVandy]

So for example, if you only wanted to export selected rows from the table, you could have a function like this

const handleExportSelectedRows = () => {
    csvExporter.generateCsv(table.getSelectedRowModel().rows.map((row) => row.original));
};

[naveen1337]

when a client side pagination implemented through react table, I solved like that,

export function loopReactTablePaginationData(tableInstance: any) {
  try {
    const stringify = JSON.stringify(tableInstance);
    const clone = JSON.parse(stringify);

    const rows: any = [];
    for (let i = 0; i < clone.pageCount; i++) {
      clone.page.map((item: any) => {
        rows.push(item.original);
      });
      if (clone.canNextPage) {
        clone.nextPage();
      }
    }
    return rows;
  } catch (err) {
    console.log(err);
    return [];
  }
}

but the recommended to way to export data just do it on server side

[ashkankiani]

Thank you very much. Thank you for taking the time to guide me. Your advice was very helpful for me.

…

On Mon, Sep 26, 2022 at 3:20 PM Naveen 1337 ***@***.***> wrote: when a client side pagination implemented through react table, I solved like that, export function loopReactTablePaginationData(tableInstance: any) { try { const stringify = JSON.stringify(tableInstance); const clone = JSON.parse(stringify); const rows: any = []; for (let i = 0; i < clone.pageCount; i++) { clone.page.map((item: any) => { console.log(item); rows.push(item.original); }); if (clone.canNextPage) { clone.nextPage(); } } return rows; } catch (err) { console.log(err); return []; }} but the recommended to way to export data just do it on server side — Reply to this email directly, view it on GitHub <#4402 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AF4A6SO3AN3WQDN34KYODZ3WAGEYBANCNFSM6AAAAAAQUQDG2M> . You are receiving this because you authored the thread.Message ID: ***@***.***>

-- --------------------------------------------------------------- Best Regards. Ashkan Kiani Web Developer and Web Designer