/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 vote124 views1 answer
How to use algolia react native
Javascript React
21 votes169 views3 answers
Map function in react
Javascript React
31 votes158 views1 answer
Download react router dom
Javascript React
-2 votes202 views3 answers
React and express
Javascript React
11 votes166 views5 answers
React router refresh page
Javascript React
-1 vote156 views6 answers
Set image as background react
Javascript React
0 vote188 views1 answer
Which algorithm React is used to compare dom?
Javascript React
0 vote195 views1 answer
React native kesatore
Javascript React
20 votes161 views4 answers
Conditional Rendering in React js
Javascript React
0 vote163 views1 answer
Retore react app
Javascript React