Print Table

Topic: Print Table

afshinshahpari@gmail.com free asked 5 years ago

I am going to show different reports from json data and for that reason the best component that I thought that may be helpful is "Table". I wonder how I can print the content of "Table"? Do you have any tools for that? Thanks in advance

Add comment

Aliaksandr Andrasiuk staff answered 5 years ago

0 0 Best answer

Hi,

You can try to use exportToCSV property :

<MDBDataTable
  striped
  bordered
  hover
  exportToCSV
  data={data}
/>

It will render a button which allows you to download all the Table's data as .csv file. You can open this file by Microsoft Excel, for example, and then print it.

Hope I could help.

afshinshahpari@gmail.com free commented 5 years ago

Thanks for your answer. Its not for my use to do this way, its for clients of my app and I need to have a print button on form to print it and this solution doesn't work, is there any other solution?

Aliaksandr Andrasiuk staff commented 5 years ago

Hi,

ExportToCSV uses the same named component, which you can import and add to your form component. This component excepts 2 properties: columns and data. You can pass a data.rows as data value.

So your imported ExportToCSV component will look like this:

import { MDBDataTable, ExportToCSV } from "mdbreact";

 <ExportToCSV columns={data.columns} data={data.rows} color="primary">
    Download
 </ExportToCSV>

You can try this approach. I hope this will meet your exceptions.

Best regards.

Please insert min. 15 characters.

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB React
MDB Version: 4.13.0
Device: mac
Browser: chrome
OS: macos
Provided sample code: No
Provided link: No

afshinshahpari@gmail.com

100Support score
16Questions 2Answers 1Snippets