README
apeman-react-table
apeman react package for table components.
Installation
$ npm install apeman-react-table --save
Demo
Live demo is hosted on GitHub Pages.
Usage
'use strict'
import React from 'react'
import {
ApTable,
ApTableHead,
ApTableBody,
ApTableRow,
ApTableHeader,
ApTableData,
ApTableStyle
} from 'apeman-react-table'
const ExampleComponent = React.createClass({
render () {
return (
<div>
<ApTableStyle />
<ApTable>
<ApTableHead>
<ApTableRow>
<ApTableHeader />
<ApTableHeader>Header01</ApTableHeader>
<ApTableHeader>Header02</ApTableHeader>
</ApTableRow>
</ApTableHead>
<ApTableBody>
<ApTableRow>
<ApTableHeader>Header00</ApTableHeader>
<ApTableData>Data01</ApTableData>
<ApTableData>Data02</ApTableData>
</ApTableRow>
<ApTableRow>
<ApTableHeader>Header10</ApTableHeader>
<ApTableData>Data11</ApTableData>
<ApTableData>Data12</ApTableData>
</ApTableRow>
</ApTableBody>
</ApTable>
</div>
)
}
})
Components
ApTableBody
Props
Name | Type | Default | Description |
---|
ApTableData
Props
Name | Type | Default | Description |
---|
ApTableFoot
Props
Name | Type | Default | Description |
---|
ApTableHead
Props
Name | Type | Default | Description |
---|
ApTableHeader
Props
Name | Type | Default | Description |
---|---|---|---|
icon | string | ||
onTap | func |
ApTableRow
Props
Name | Type | Default | Description |
---|
ApTableStyle
Props
Name | Type | Default | Description |
---|---|---|---|
style | object | {} | |
highlightColor | string | ApStyle.DEFAULT_HIGHLIGHT_COLOR | |
backgroundColor | ApStyle.DEFAULT_BACKGROUND_COLOR | ||
borderColor | '#CCC' |
ApTable
Props
Name | Type | Default | Description |
---|
License
This software is released under the MIT License.