import React from 'react';
import { SussolReactTable } from 'sussol-react-table';

const columns = [
  {
    key: 'name',
    title: 'Name',
    sortable: true,
  },
  {
    key: 'code',
    title: 'Code',
    sortable: true,
  },
  {
    key: 'group',
    title: 'Editable Column',
    editable: true,
  },
];

const data = [];
for (let i = 0; i < 100; i++) {
  data.push({ code: `code${i}`, name: `name${i}`, group: `group${i % 2}` });
}

export class App extends React.Component {
  render() {
    return (
      <div style={{ height: 400 }}>
        <h1>A Beautiful table</h1>
        <SussolReactTable
          columns={columns}
          tableData={data}
        />
      </div>
    );
  }
}

You will need grab the styles and material icons via your index.html file. Make sure the path to styles is correct.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Your Title</title>
    <link href="relative path to/node_modules/normalize.css/normalize.css" rel="stylesheet" />
    <link href="relative path to/node_modules/@blueprintjs/core/dist/blueprint.css" rel="stylesheet" />
    <link href="relative path to/node_modules/@blueprintjs/table/dist/table.css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  </head>
  <body>
    <div id="root" class="container"></div>
    <script src="http://localhost:8080/build/bundle.js" charset="utf-8"></script>
  </body>
</html>

Additional docs

Read up on the API for the blueprintjs table component.

FAQs

What is sussol-react-table?

Is sussol-react-table popular?

Is sussol-react-table well maintained?

Package last updated on 28 Mar 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

sussol-react-table

sussol-react-table

Installation

Example

Additional docs

Related posts

Linux Foundation Warns Open Source Developers: Compliance with Sanctions Is Not Optional

Maven Central Adds Sigstore Signature Validation