react-custable v1.0.5

This component will suitable for you if

You want

a selectable react table ?

to render a component inside the table cell ?

a table with beautiful pagination?

Run component in storybook

First clone the source then run

npm start

Install via NPM:

npm install --save react-custable

Usage

Just two variable is needed, column and data

import { Table } from 'react-custable';

//the fieldName should be as same as data's key
const column = [
  { fieldName: 'name', title: 'Name', width: '180px', sortable: true },
  { fieldName: 'email', title: 'Email', width: '180px', sortable: true },
];

const data = [
  { id: '1', name: 'name one', email: 'mailone@mail.com' },
  { id: '2', name: 'name two', email: 'mailtwo@mail.com' },
];
<div className="App">
  <Table columns={columns} data={data} />
</div>;

Column Options

Cell

type Cell = {
  value: React.ReactNode,
  props: { [key: string]: string }, //props will be applied to td elemenet like colspan
};

Table Options