@shubich/react-table

React component for rendering lists to html table

Install

# NPM
npm install @shubich/react-table

Usage

Input

import * as React from "react";
import { render } from "react-dom";
import ReactTable from "@shubich/react-table";

const cars = [
  {
    mark: "BMW",
    model: "i8",
  },
  {
    mark: "Porsche",
    model: "911",
  },
  {
    mark: "Tesla",
    model: "Model S",
    "0-60 mph": "2.4s"
  }
];

function App() {
  return (
    <ReactTable
      data={cars}
      showIndex={true}
      indexName="id"
    />
  );
}

const rootElement = document.getElementById("root");
render(<App />, rootElement);

Output

id	mark	model	0-60 mph
0	BMW	i8
1	Porsche	911
2	Tesla	Model S	2.4s

Examples

CodeSandbox

License

@shubich/react-table is MIT licensed.