import React from "react"; import { render } from "react-dom"; import { makeData, Logo, Tips } from "./Utils"; import "./index.css"; // Import React Table import ReactTable from "react-table"; import "react-table/react-table.css"; class App extends React.Component { constructor() { super(); this.state = { data: makeData() }; } render() { const { data } = this.state; return (
d.lastName } ] }, { Header: "Info", columns: [ { Header: "Age", accessor: "age" } ] } ]} defaultPageSize={20} style={{ height: "400px" // This will force the table body to overflow and scroll, since there is not enough room }} className="-striped -highlight" />
); } } render(, document.getElementById("root"));