gridiculous

Install

yarn add https://github.com/capsule8/gridiculous

Usage

Hello World:

import * as React from 'react';

import { Grid } from 'gridiculous';

class Example extends React.Component {
  render() {
    return <Grid data={[]} columns={[]} />;
  }
}

Add Some Data:

<Grid
  data={[{foo:"bar"}]}
  rowKey="name"
  columns={[{name:"Foo", key: "foo"}]} />

Customize the presentation of data:

<Grid
  columns={[
    {
      name:"Foo", 
      key: "foo", 
      renderer: ({value}) => <strong>{value}</strong>
    }
  ]}

  // ...

Add interactions:

<Grid
  onRowClick={(event, rowData) => {
    console.log(rowData)
  }}
  
  // ...

Dev

Lib:

yarn
yarn link
yarn start

Example:

cd example
yarn
yarn link gridiculous
yarn start