Skip to main content

DataTable.Row

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

Usage​

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​

TouchableRipple props​

Extends: ...TouchableRipple props

children (required)​

Type: React.ReactNode

Content of the DataTableRow.

onPress​

Type: (e: GestureResponderEvent) => void

Function to execute on press.

style​

theme​

Type: ThemeProp

pointerEvents​

Type: ViewProps['pointerEvents']

pointerEvents passed to the View container, which is wrapping children within TouchableRipple.