react css grid table

react-css-grid-table

This is a React table library using CSS
grid.

Installation

yarn add https://github.com/RebeccaPark/react-css-grid-table

JSBin example

See here.

Webpack-style example

import Table, { IconColumn } from 'react-css-grid-table';

const columns = [
  {
    label: 'Title',
    value: 'title',
    width: '1fr',
  },
  {
    value: 'likes',
    width: '0.5fr',
    className: 'anyAdditionalClassName',
    format: (data) => <IconColumn icon="fa fa-heart" data={data} />, 
  },
];

const data = [
  {
    title: 'This is the first post',
    likes: 3,
  },
  {
    title: 'This is the second post',
    likes: 2,
  },
];

<Table
  columns={columns}
  data={data}
/>