Baike.dev
All toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
R

react-native-table-component

> 编程语言
Open source

Build table for react native

732 stars0 likes1 views
WebsiteGitHub

About

Build table for react native

⚠️ This Repository is No Longer Maintained ⚠️

Attention: This repository is no longer being actively maintained or updated. The development has shifted to another GitHub repository. We encourage you to check out the new repository for the latest features and improvements. Thank you for your understanding and support! .

A big thank you to Gil2015, the original author, for their tremendous efforts and contributions to this project!

New Repository: react-native-reanimated-table

In the new repository, we will be working on creating a high-performance table component using Reanimated. The API will initially be compatible with this project, but it will change completely after version 0.1.0. Please be patient and stay tuned for updates!

We're excited about the new direction we're taking, and we hope you'll join us there! Happy coding!


React Native Table Component

  • The project is no longer maintained due to work reasons and can be transferred if necessary.

If you are interested in maintaining the project, please contact the email [email protected].

This is a table component for react native.

  • Installation
  • Changelogs
  • Examples
  • Properties
  • Notice
  • License

切换到中文文档

Installation

npm install react-native-table-component

USE:

javascript
import { Table, TableWrapper, Row, Rows, Col, Cols, Cell } from 'react-native-table-component';

Changelogs

  • [v1.0.3]
    • 'TableWraper' changed to 'TableWrapper';
  • [v1.1.1]
    • Data supports incoming Element types
  • [v1.2.1]
    • Change the default value of the borderWidth from 1 to 0

Examples

Example1

…

Example2

…

Example3

…

Example4

…

Example5

…

Properties

Prop Type Description Default
data Array Table data. null
style Style Container style. null
borderStyle Object Table border line width and color. { borderWidth: 0, borderColor: #000 }
textStyle Style Cell font style. null
flexArr Array Flex value per column. []
widthArr Array Width per column. []
heightArr Array Height per line. []
...props any more props

Notice

  • Cells in Col and Cols components do not support adaptive height.
  • Please set the magin value in the textStyle property to adjust the padding and do not use the padding.
  • If parent element is not Table component,please add the type of borderstyle.
javascript

  {/* If parent element is not Table component,please add the type of borderstyle. */}
  
    
  

License

MIT

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

JavaScript

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category编程语言
PricingOpen source

> Related tools

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言