react-semantic-table

0.1.19 • Public • Published

Run

npm install react-semantic-table

example

import React, { Component } from "react";
import SemTable from "react-semantic-table";
<SemTable
    ref={table}
    filterable={true}
    data={data}
    loading={loading}
    renderedRows={10}
    columns={[
        { Header: "name", accessor: "name" },
        { Header: "email", accessor: "email" },
        {
            Header: "date",
            accessor: ({ data }) => data.date,
            type: "date",
            Cell: row => ( <span> {row.value ? moment(row.value).format("MM/DD/YYYY") : ""} </span> )
        },
        { Header: "street", accessor: "street" },
        { Header: "city", accessor: "city" },
        { Header: "state", accessor: "state" },
        { Header: "zip", accessor: "zip" }
    ]}
/>

if getting data from server

table = React.createRef();

after data is set

this.table.current.updateData();

Readme

Keywords

Package Sidebar

Install

npm i react-semantic-table

Weekly Downloads

9

Version

0.1.19

License

MIT

Unpacked Size

365 kB

Total Files

14

Last publish

Collaborators

  • calebbriggs