rr-table

React Responsive Table

Responsive and customizable React Table component.

User Guide

• React Responsive Table
  • User Guide
    • Installation
    • Usage
    • Contribute

Installation

npm i rr-table

Usage

import React from "react";
 
export default () => (
  <Table
    breakpoints={[400, 700, 900, 1000, 1100]}
    priorities={[1, 3, undefined, undefined, 2]}
    colored
    isLoading={isLoading}
    loader={() => <p>Chargement...</p>}
    list={data}
    card={({ data: d, close }) => (
      <ProspectCard
        close={close}
        data={d}
        onArchiveClick={this.onArchiveClick}
      />
    )}
    titles={["Entreprise", "Nom", "Apporteur d'affaires", "Type de projet"]}
    keys={[
      {
        display: "company.name",
        replaceBy: "name"
      },
      "users[0].fullName",
      "createdBy.companyName",
      "type.title",
      d =>
        `${formatCurrency(d.financingNeeds.minimum)} - ${formatCurrency(
          d.financingNeeds.maximum
        )}`
    ]}
  />
);

Contribute

• npm run build
• npm publish