/Javascript/React/React convert table to pdf

React convert table to pdf

import React from 'react';
import jsPDF from "jspdf";
import "jspdf-autotable";
import './App.css';

class App extends React.Component {

  constructor() {
    super();
    this.state = {
      people: [
        { name: "Keanu Reeves", profession: "Actor" },
        { name: "Lionel Messi", profession: "Football Player" },
        { name: "Cristiano Ronaldo", profession: "Football Player" },
        { name: "Jack Nicklaus", profession: "Golf Player" },
      ]
    }
  }

  exportPDF = () => {
    const unit = "pt";
    const size = "A4"; // Use A1, A2, A3 or A4
    const orientation = "portrait"; // portrait or landscape

    const marginLeft = 40;
    const doc = new jsPDF(orientation, unit, size);

    doc.setFontSize(15);

    const title = "My Awesome Report";
    const headers = [["NAME", "PROFESSION"]];

    const data = this.state.people.map(elt=> [elt.name, elt.profession]);

    let content = {
      startY: 50,
      head: headers,
      body: data
    };

    doc.text(title, marginLeft, 40);
    doc.autoTable(content);
    doc.save("report.pdf")
  }

  render() {
    return (
      <div>
        <button onClick={() => this.exportPDF()}>Generate Report</button>
      </div>
    );
  }
}

export default App;

Source: stackoverflow.com

Similar codes

0 vote120 views1 answer
Form changes button enable reactive forms
Javascript React
1 vote134 views2 answers
How to prevent render in react
Javascript React
93 votes212 views6 answers
Install react router dom
Javascript React
126 votes254 views4 answers
React app using npm
Javascript React
0 vote165 views1 answer
Add update react pwa feature
Javascript React
0 vote261 views1 answer
Setstate to false after 10 sec react native
Javascript React
1 vote145 views1 answer
Get current platform react native
Javascript React
0 vote133 views1 answer
Reactjs limit text display 20 200 characters
Javascript React
0 vote142 views1 answer
React unfocus check
Javascript React
0 vote145 views1 answer
Heroku buildpacks with react
Javascript React