We The Curious Developers

We The Curious Developers

  • Guidelines
  • CuriOs SDK
  • Software
  • Films
  • Art
  • Audio
  • Photography

›Components

Getting Started

  • Getting Started Overview
  • ClI
  • Working With Us

Technical

  • Hardware

Frames

  • Frames Overview
  • Info Panel
  • Media Browser
  • Touch to Start

Components

  • Components Overview
  • Box
  • Button
  • Card
  • Checkbox
  • Header
  • Heading
  • Hero
  • Icon
  • Text Input
  • Markdown Viewer
  • Modal
  • WTCProvider
  • Table
  • Text
  • Video Player
  • Calendar
  • Dropdown
  • InputAutoComplete
  • Radio
  • Sidebar
  • Slider
  • Notification
  • IconNavButton
  • IconSideBar
  • List
  • Tab
  • Title
  • Toggle
  • Value

Table component

A Table component

Install

npm i @wethecurious/wtc-ui-library

Usage

Import it into your project

import { Table } from '@wethecurious/wtc-ui-library'
<Table
  fetchData={requestData}
  columns={columns}
  defaultPageSize={30}
  showPagination={false}
  loadOnScrollOffset={100}
  isLoadOnScroll={true}
  onDataFetch={action('Data Fetched')}
/>

Props

PropDescriptionDefault
dataTable Data
defaultPageSizeNumber of entries per page10
columnsColumn data
themeTheme
isFilterableisFilterabletrue
showPaginationShow Paginationtrue
isSortableTable is Sortabletrue
fetchDataFetch data function
isRowSelectableTable row is selectable
isCellSelectableTable cell is selectable
onRowSelectonRowSelect handler
onCellSelectonCellSelect handler
onDataFetchonDataFetch callback
loadOnScrollOffsetloadOnScrollOffset
isLoadOnScrollisLoadOnScroll
Last updated on 5/7/2019
← WTCProviderText →
  • Install
  • Usage
    • Props
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Copyright © 2020 We The Curious