Back to React Native Paper

DataTable.Cell

docs/public/3.0/data-table-cell.html

5.15.11.0 KB
Original Source

DataTable.Cell

A component to show a single cell inside of a table.

Usage

js
import * as React from 'react';
import { DataTable } from 'react-native-paper';

const MyComponent = () => (
     <DataTable.Row>
       <DataTable.Cell numeric>1</DataTable.Cell>
       <DataTable.Cell numeric>2</DataTable.Cell>
       <DataTable.Cell numeric>3</DataTable.Cell>
       <DataTable.Cell numeric>4</DataTable.Cell>
     </DataTable.Row>
);

export default MyComponent;

Props

children (required) Type: React.ReactNode

Content of the DataTableCell.

numeric Type: boolean

Align the text to the right. Generally monetary or number fields are aligned to right.

onPress Type: () => void

Function to execute on press.

style Type: StyleProp<ViewStyle>

Edit this page