https://github.com/lesleysin/react-native-tables

Simple and fast table component for React Native with extensive configuration options
https://github.com/lesleysin/react-native-tables

android dataset ios react-native table tableview

Last synced: 6 months ago
JSON representation

Simple and fast table component for React Native with extensive configuration options

• Host: GitHub
• URL: https://github.com/lesleysin/react-native-tables
• Owner: lesleysin
• License: mit
• Created: 2022-10-19T10:48:53.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-10-26T07:25:02.000Z (over 3 years ago)
• Last Synced: 2025-08-08T19:00:00.744Z (11 months ago)
• Topics: android, dataset, ios, react-native, table, tableview
• Language: TypeScript
• Homepage:
• Size: 185 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-native-tables

[![npm version](https://badge.fury.io/js/@lesleysin%2Freact-native-tables.svg)](https://badge.fury.io/js/@lesleysin%2Freact-native-tables) [![GitHub license](https://img.shields.io/github/license/Naereen/StrapDown.js.svg)](https://github.com/Naereen/StrapDown.js/blob/master/LICENSE)

Simple and fast table component for React Native with extensive configuration options

## Motivation

This library was created to facilitate the work of colleagues who are faced with such a non-trivial task as creating tables for a mobile application. You can use this package or build on this source code to create your own solutions.

## Get started

```

yarn add @lesleysin/react-native-tables

```

or via npm

```

npm i @lesleysin/react-native-tables

```

## Basic use case

```Typescript

import React from 'react';

import {SafeAreaView, StyleSheet} from 'react-native';

import {Table} from '@lesleysin/react-native-tables';

const talbeConfig = [

  {type: 'string', title: 'Column 1'},

  {type: 'string', title: 'Column 2'},

  {type: 'string', title: 'Column 3'},

];

const tableData = [

  ['string1', 'string2', 'string3'],

  null, //null values in data array creates empty cells in that column

  ['val', null, 'value'],

];

const App = () => {

  return (

    

      

    

  );

};

```

## Documentation

Learn more about advanced usage and type definitions here https://github.com/lesleysin/react-native-tables/tree/main/doc