Skip to content
A React table library using CSS Grid Layout
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
dist
lib
.babelrc
.eslintignore
.eslintrc.js
.gitignore
README.md
package.json
react-css-grid-table.css
rollup.config.js
yarn.lock

README.md

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}
/>
You can’t perform that action at this time.