Neutrinos Peludos Magnéticos

    react-fluid-table
    TypeScript icon, indicating that this package has built-in type declarations

    0.4.2 • Public • Published

    react-fluid-table

    A React table inspired by react-window

    (Note: This project is under construction)

    NPM JavaScript Style Guide

    Install

    # using yarn 
    yarn add react-fluid-table
     
    # using npm 
    npm i react-fluid-table

    Usage

    import { Table } from "react-fluid-table";
     
    const data = _.range(100).map(i => ({
      id: i + 1,
      firstName: faker.name.firstName(),
      lastName: faker.name.lastName(),
      email: faker.internet.email()
    }));
     
    const columns = [
      {
        key: "firstName",
        name: "First Name",
        width: 100
      },
      {
        key: "lastName",
        name: "Last Name",
        width: 100
      },
      {
        key: "email",
        name: "Email"
      }
    ];
     
    const Example = () => <Table data={data} columns={columns} />;

    Development

    To get a development environment working, run the following:

    Installation

    $ yarn install
    $ yarn link
    cd example
    $ yarn install
    $ yarn link react-fluid-table

    Usage

    # in one terminal window/tab 
    $ yarn start
    # in a separate terminal window/tab 
    cd example
    $ yarn start

    License

    MIT © Mckervin Ceme <mckervinc@live.com>


    This application was created using create-react-hook.

    This application features some icons from Font Awesome.

    Install

    npm i react-fluid-table

    DownloadsWeekly Downloads

    458

    Version

    0.4.2

    License

    MIT

    Unpacked Size

    76.2 kB

    Total Files

    7

    Last publish

    Collaborators

    • canyoucemenow