Skip to content

calebbriggs/react-semantic-table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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();

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published