1.0.32 ⢠Published 4 years ago
xs-react-table v1.0.32
A small, simple and headless UI react table. It's up to you to define the shape, attributes, eventlisteners, styles, ... of every single element of your table.
Installation
npm i xs-react-table
yarn add xs-react-table
import { Table } from 'xs-react-table'
Demo
Code Sandbox
Basic Usage
Define thead, tbody and tfoot using this basic skeleton:
{
tr: {
rows: [
{
td: {
cols: [
{
content: "Your Text Here",
}
]
}
},
]
}
}
Example:
const head = {
tr: {
rows: [
{
td: {
cols: [
{
content: "First Name",
},
{
content: "Last Name",
},
]
}
},
]
}
}
const body = {
tr: {
rows: [
{
td: {
cols: [
{
content: "John",
},
{
content: "Doe",
},
]
}
},
{
td: {
cols: [
{
content: "Jane",
},
{
content: "Doe",
},
]
}
},
]
}
}
const foot = {
tr: {
rows: [
{
td: {
cols: [
{
content: "Whatever",
},
{
content: "You",
},
{
content: "Like",
},
]
}
}
]
}
}
Pass them to <Table> component
<Table head={head} body={body} foot={foot} />
Extra fields
will be updated
Author
š¤ Truong Nguyen
- Github: @icerockartic
š License
Copyright Ā© 2021 Truong Nguyen. This project is MIT licensed.
This README was generated with ā¤ļø by readme-md-generator
1.0.32
4 years ago
1.0.29
4 years ago
1.0.28
4 years ago
1.0.27
4 years ago
1.0.31
4 years ago
1.0.30
4 years ago
1.0.19
4 years ago
1.0.17
4 years ago
1.0.16
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.22
4 years ago
1.0.21
4 years ago
1.0.10
4 years ago
1.0.20
4 years ago
1.0.26
4 years ago
1.0.15
4 years ago
1.0.25
4 years ago
1.0.14
4 years ago
1.0.24
4 years ago
1.0.13
4 years ago
1.0.23
4 years ago
1.0.12
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago