https://github.com/johan-dutoit/react-native-datatable

A simple data table for react native, working both on Android and iOS.
https://github.com/johan-dutoit/react-native-datatable

android datatable datatables ios react-native

Last synced: about 11 hours ago
JSON representation

A simple data table for react native, working both on Android and iOS.

• Host: GitHub
• URL: https://github.com/johan-dutoit/react-native-datatable
• Owner: Johan-dutoit
• Created: 2017-02-11T15:55:51.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-05-03T07:57:05.000Z (almost 8 years ago)
• Last Synced: 2025-02-16T23:16:32.554Z (2 days ago)
• Topics: android, datatable, datatables, ios, react-native
• Language: JavaScript
• Homepage:
• Size: 1.34 MB
• Stars: 11
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-native-datatable

A simple data table for react native, working both on Android and iOS.

[![NPM Version](https://img.shields.io/npm/v/react-native-datatable.svg?style=flat)](https://www.npmjs.com/package/react-native-datatable)

[![NPM Downloads](https://img.shields.io/npm/dm/react-native-datatable.svg?style=flat)](https://www.npmjs.com/package/react-native-datatable)



## Quick Access

* Installation

* Preview

* Usage

* Properties

* Contributing

## Installation

Install the module with:

```

npm install react-native-datatable --save

```

## Preview

![](https://github.com/Johan-dutoit/react-native-datatable/blob/master/preview.gif)

## Usage

In your code, simply require/import the module:

```js

import DataTable from 'react-native-datatable';

```

###### Top

## Properties

| Prop | Description | Default |

|---|---|---|

|**`fields`**|Field Configuration|`null`|

|**`onSort`**|Function that executes when the user sorts a column|`null`|

|**`dataSource`**|dataSource used to populate the table|`null`|

|**`containerStyle`**|Style for container wrapping the entire view|`null`|

|**`renderHeaderCell`**|Custom render function for the header cell|`null`|

|**`headerStyle`**|Additional style for the header container|`null`|

|**`headerCellStyle`**|Additional style for the header cell|`null`|

|**`headerHighlightColor`**|Highlight color for when user taps the header|`gray`|

|**`cellStyle`**|Additional style for a cell|`null`|

###### Top

## Contributing

Feel free to do pull requests if a certain feature you want is missing.  We accept all PR's that are enhancements to the project.

###### Top