Skip to content

Commit

Permalink
readme
Browse files Browse the repository at this point in the history
  • Loading branch information
garrylachman committed Jun 10, 2021
1 parent 977855c commit c35309d
Showing 1 changed file with 70 additions and 0 deletions.
70 changes: 70 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,72 @@

# react-native-awesome-table

React-Native Simple Data Tables


Examples cam be found on our Storybook https://garrylachman.github.io/react-native-awesome-table/?path=/story/cell--default

## Installation
#### NPM
``` bash
npm -i --save react-native-awesome-table
```
### YARN
``` bash
yarn add react-native-awesome-table
```

## Examples
### Basic Example
![Basic Example](https://i.imgur.com/sLqnXre.png)

``` ts
import React from 'react';
import Table, {ColumnProps} from 'react-native-awesome-table';

type DataRow = {
id: number,
firstName: string,
lastName: string,
country: string
};

const columns:ColumnProps[] = [
{ 'dataKey': 'id', title: 'ID', flex: 1 },
{ 'dataKey': 'firstName', title: 'First Name', flex: 2 },
{ 'dataKey': 'lastName', title: 'Last Name', flex: 2 }
{ 'dataKey': 'country', title: 'Country', flex: 3 }
]

const exampleRow:DataRow = {
id: 0,
firstName: "Garry",
lastName: "Lachman",
country: "Israel"
};

export BasicTable = () => {
const [data, setData] = React.useState<DataRow[]>([]);

React.useEffect(() => {
setData(
[...Array(10)].map(
(_, i) => ({...exampleRow, id: ++i})
)
);
}, []);

return (
<Table
columns={columns}
data={data}
/>
)
};
```
Basic example storybook: https://garrylachman.github.io/react-native-awesome-table/?path=/story/table--basic&args=rowsCount:10



### License
React Native Awesome Table is [MIT licensed](./LICENSE).

0 comments on commit c35309d

Please sign in to comment.