react-object-table

0.7.1 • Public • Published

react-object-table

npm version Downloads

React powered table of objects, designed to be editable and fast.

Live Demo

Check out the live demo here: http://uptick.github.io/react-object-table/

Installation

Install the package with npm:

npm install react-object-table

Then require and use with ES6 imports:

import React from 'react'
import ReactDom from 'react-dom'

import ObjectTable from 'react-object-table'

var mount = document.querySelectorAll('div.table-mount');
ReactDom.render(
  <ObjectTable
    columns={[
      {
        name: 'Message',
        key: 'message',
      }
    ]}
    objects={[
      {
        id: 1,
        message: 'Hello world',
      }
    ]}
  />,
  mount[0]
);

Optionally, include the built css with an import:

@import 'node_modules/react-object-table/dist/react-object-table.css';

or tag:

<link href="static/node_modules/react-object-table/dist/react-object-table.css" rel="stylesheet">

Full reference documentation coming soon. For now, take a look at the reference on the live demo at http://uptick.github.io/react-object-table/.

Package Sidebar

Install

npm i react-object-table

Weekly Downloads

44

Version

0.7.1

License

MIT

Unpacked Size

650 kB

Total Files

10

Last publish

Collaborators

  • uptick-admin
  • bor3ham
  • jlo-1
  • jarekwg
  • alexdonald
  • marcfister
  • williamchuuptick
  • dreadera