Estoy tratando de agregar un botón de descarga que descargue una tabla de reacción dinámica al hacer clic como un archivo csv, pero no estoy seguro de cómo hacerlo.
import React, {Component} from "react"; import DynamicTable from '@atlaskit/dynamic-table'; import styled from 'styled-components'; const Wrapper = styled.div` min-width: 600px; th{font-size:13px} th{font-size:14px} `; render() { const { error, isLoaded, shareFilterRows } = this.state; if (error) { return <div>Error: {error.message}</div>; } else if (!isLoaded) { return <div>Loading Shared Filters...</div>; } else { return (<Wrapper> <div> <DynamicTable head={shareFilterHead} rows={shareFilterRows} rowsPerPage={10} defaultPage={1} loadingSpinnerSize="large" isLoading={false} isFixedSize defaultSortKey="filterID" defaultSortOrder="ASC" onSort={() => console.log('onSort')} onSetPage={() => console.log('onSetPage')} /> </div> </Wrapper> ); } }}
Así es como se muestra mi tabla img . Agradecería cualquier pista o ayuda para que ese botón funcione. Gracias chicos.
La tabla en esa biblioteca no parece que pueda exportar de forma nativa. Por lo tanto, necesitaría obtener los datos de su shareFilterRows y shareFilterHead , convertirlos nuevamente a json o tomar los data principales json y convertirlos a un csv por su cuenta. Hay algunas bibliotecas como react-json-to-csv
