@cloudflare/builder-table

Cloudflare Table Builder

Usage no npm install needed!

<script type="module">
  import cloudflareBuilderTable from 'https://cdn.skypack.dev/@cloudflare/builder-table';
</script>

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;