Back to React Native Paper

DataTable.Header

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

5.15.1957 B
Original Source

DataTable.Header

A component to display title in table header.

Usage

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

const MyComponent = () => (
      <DataTable>
        <DataTable.Header>
          <DataTable.Title
            sortDirection='descending'
          >
            Dessert
          </DataTable.Title>
          <DataTable.Title numeric>Calories</DataTable.Title>
          <DataTable.Title numeric>Fat (g)</DataTable.Title>
        </DataTable.Header>
      </DataTable>
);

export default MyComponent;

Props

children (required) Type: React.ReactNode

Content of the DataTableHeader.

style Type: StyleProp<ViewStyle>

theme Type: Theme

Edit this page