百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
R

react-native-table-component

> 编程语言
开源

为 React Native 构建表格

732 stars0 点赞1 次浏览
访问官网GitHub

工具介绍

为 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 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

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