@cloudflare/builder-table

Cloudflare Table Builder

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@cloudflare/builder-table
Minified + gzip package size for @cloudflare/builder-table in KB

Readme

@cloudflare/builder-table

Cloudflare Table Builder

Installation

Installation with yarn is recommended


$ yarn add @cloudflare/builder-table

Usage

import React from 'react';
import { TableBuilder } from '../../src';

const rows = [{ name: 'James', coolness: 1 }, { name: 'David', coolness: -1 }];

const columns = [
  {
    label: 'Name',
    cell: row => row.name
  },
  {
    label: 'Coolness',
    cell: row => row.coolness,
    columnHover: true,
    align: 'left',
    sortProps: {
      active: true,
      direction: 'desc'
    }
  }
];

class BuilderTable extends React.Component {
  render() {
    return (
      <div>
        <TableBuilder rowHover={true} rows={rows} columns={columns} />
      </div>
    );
  }
}

BuilderTable.displayName = 'BuilderTable';

export default BuilderTable;

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.