![](\"https://github.com/Gil2015/tools_file/blob/master/img/react-native-table-component/react-native-table-component-logo.png?raw=true\"){kind=logo}
\n\n \n
\n ![](\"https://badge.fury.io/js/react-native-table-component.svg\"){kind=icon}
\n ![](\"https://img.shields.io/badge/platform-Android%20%7C%20iOS-yellow.svg\"){kind=icon}
\n ![](\"https://img.shields.io/npm/dm/react-native-table-component.svg?colorB=orange\")
\n
* The project is no longer maintained due to work reasons and can be transferred if necessary.
\nIf you are interested in maintaining the project, please contact the email 594244274@qq.com.
\n![](\"https://github.com/Gil2015/tools_file/blob/master/img/react-native-table-component/example.jpg?raw=true\")
\n\n![](\"https://github.com/Gil2015/tools_file/blob/master/img/react-native-table-component/exampleOne.png?raw=true\")
\n\n```jsx\nimport React, { Component } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { Table, Row, Rows } from 'react-native-table-component';\n\nexport default class ExampleOne extends Component {\n constructor(props) {\n super(props);\n this.state = {\n tableHead: ['Head', 'Head2', 'Head3', 'Head4'],\n tableData: [\n ['1', '2', '3', '4'],\n ['a', 'b', 'c', 'd'],\n ['1', '2', '3', '456\\n789'],\n ['a', 'b', 'c', 'd']\n ]\n }\n }\n\n render() {\n const state = this.state;\n return (\n ![](\"https://github.com/Gil2015/tools_file/blob/master/img/react-native-table-component/exampleTwo.png?raw=true\")
\n\n```jsx\nimport React, { Component } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { Table, TableWrapper, Row, Rows, Col } from 'react-native-table-component';\n\nexport default class ExampleTwo extends Component {\n constructor(props) {\n super(props);\n this.state = {\n tableHead: ['', 'Head1', 'Head2', 'Head3'],\n tableTitle: ['Title', 'Title2', 'Title3', 'Title4'],\n tableData: [\n ['1', '2', '3'],\n ['a', 'b', 'c'],\n ['1', '2', '3'],\n ['a', 'b', 'c']\n ]\n }\n }\n\n render() {\n const state = this.state;\n return (\n ![](\"https://github.com/Gil2015/tools_file/blob/master/img/react-native-table-component/exampleThree.gif?raw=true\")
\n\n```jsx\nimport React, { Component } from 'react';\nimport { StyleSheet, View, ScrollView } from 'react-native';\nimport { Table, TableWrapper, Row } from 'react-native-table-component';\n\nexport default class ExampleThree extends Component {\n constructor(props) {\n super(props);\n this.state = {\n tableHead: ['Head', 'Head2', 'Head3', 'Head4', 'Head5', 'Head6', 'Head7', 'Head8', 'Head9'],\n widthArr: [40, 60, 80, 100, 120, 140, 160, 180, 200]\n }\n }\n\n render() {\n const state = this.state;\n const tableData = [];\n for (let i = 0; i < 30; i += 1) {\n const rowData = [];\n for (let j = 0; j < 9; j += 1) {\n rowData.push(`${i}${j}`);\n }\n tableData.push(rowData);\n }\n\n return (\n ![](\"https://github.com/Gil2015/tools_file/blob/master/img/react-native-table-component/exampleFour.gif?raw=true\")
\n\n```jsx\nimport React, { Component } from 'react';\nimport { StyleSheet, View, Text, TouchableOpacity, Alert } from 'react-native';\nimport { Table, TableWrapper, Row, Cell } from 'react-native-table-component';\n\nexport default class ExampleFour extends Component {\n constructor(props) {\n super(props);\n this.state = {\n tableHead: ['Head', 'Head2', 'Head3', 'Head4'],\n tableData: [\n ['1', '2', '3', '4'],\n ['a', 'b', 'c', 'd'],\n ['1', '2', '3', '4'],\n ['a', 'b', 'c', 'd']\n ]\n }\n }\n\n _alertIndex(index) {\n Alert.alert(`This is row ${index + 1}`);\n }\n\n render() {\n const state = this.state;\n const element = (data, index) => (\n ![](\"https://github.com/Gil2015/tools_file/blob/master/img/react-native-table-component/exampleFive.gif?raw=true\")
\n\n```jsx\nimport React, { Component } from 'react';\nimport { StyleSheet, View, Text, TouchableOpacity, Alert } from 'react-native';\nimport { Table, TableWrapper,Col, Cols, Cell } from 'react-native-table-component';\n\nexport default class ExampleFive extends Component {\n constructor(props) {\n super(props);\n const elementButton = (value) => (\n