2.0.2 • Published 9 years ago
apeman-react-table v2.0.2
apeman-react-table
apeman react package for table components.
Installation
$ npm install apeman-react-table --saveDemo
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 | Icon class name | ||
| onTap | func | Handler for tap event |
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.