1.0.5 • Published 5 years ago
react-bb-table v1.0.5
react-bb-table
This is a modulable component to render data in a table with some nice features !
Install
npm install --save react-bb-table
Usage
import React, { Component } from 'react'
import ReactBbTable from 'react-bb-table'
let options = {
dimensions: {
width: "100%"
},
data: {
columns: [
{
id: "id",
label: "Action",
colClass: "",
unique: {
view: {path: "./view/[AutoPutID]", item: "Preview"},
edit: {path: "./edit/[AutoPutID]", item: "Modify"},
del: {path: "./del/[AutoPutID]", item: "Delete"}
}
},
{
id: "key_1",
label: "Key 1",
colClass: "keyClass1"
},
{
id: "key_2",
label: "Key 2",
colClass: "keyClass2"
},
{
id: "key_3",
label: "Key 3",
colClass: "keyClass3"
},
{
id: "key_4",
label: "Key 4",
colClass: "keyClass4"
},
{
id: "key_5",
label: "Key 5",
colClass: "keyClass5"
},
],
rows: [
{
id: 1,
key_1: "Data 1",
key_2: "Desc. of Data",
key_3: "28/08/2019, 00:00",
key_4: "Status",
key_5: "Any data from db",
},
{
id: 2,
key_1: "Data 2",
key_2: "Desc. of Data",
key_3: "28/08/2019, 00:01",
key_4: "Status",
key_5: "Any data from db",
},
],
}
}
export default class App extends Component {
render () {
return (
<ReactBbTable options={options} />
)
}
}
License
MIT © BananaBb