Skip to main content

DataTable.Header

A component to display title in table header.

Usage​

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​

theme​

Type: ThemeProp