{"library":"react-native-table-component","title":"React Native Table Component","description":"This package provides fundamental table components for React Native applications, enabling developers to display tabular data using `Table`, `Row`, `Rows`, `Col`, `Cols`, `Cell`, and `TableWrapper` components. The current stable version is 1.2.2. This library offers a straightforward API for structuring tables with customizable styling through React Native's `StyleSheet`. A significant aspect of this package is its current status: it is explicitly no longer maintained by the original author, who has offered to transfer ownership. This means there is no ongoing release cadence or active support. Key differentiators, aside from its unmaintained status, include its basic and unopinionated approach to table rendering, focusing solely on layout primitives rather than advanced features like sorting, filtering, or pagination, which would need to be implemented separately. It provides a simple structure for displaying static or dynamically generated data in a grid format suitable for mobile interfaces.","language":"javascript","status":"abandoned","last_verified":"Sun Apr 19","install":{"commands":["npm install react-native-table-component"],"cli":null},"imports":["import { Table } from 'react-native-table-component';","import { Row } from 'react-native-table-component';","import { TableWrapper } from 'react-native-table-component';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import 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      <View style={styles.container}>\n        <Table borderStyle={{borderWidth: 2, borderColor: '#c8e1ff'}}>\n          <Row data={state.tableHead} style={styles.head} textStyle={styles.text}/>\n          <Rows data={state.tableData} textStyle={styles.text}/>\n        </Table>\n      </View>\n    )\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, padding: 16, paddingTop: 30, backgroundColor: '#fff' },\n  head: { height: 40, backgroundColor: '#f1f8ff' },\n  text: { margin: 6 }\n});","lang":"javascript","description":"This example demonstrates a basic table with a header row and multiple data rows, showcasing fundamental component usage and styling in a React Native application.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}