table.md

import { Table } from '@ninetyine/react-table'

Table should be used when data is not retrieved from an API endpoint. It is also the basis for all other table components, such as AjaxTable which is built on top of this.

By default the table container has the class of react-dynamic-table.

Props

• rows: Data to be rendered
  • rowRenderer: How a row is rendered
  • rowIdentifier: A unique identifier for a row
  • emptyRow: What is displayed when the dataset is empty
  • dataManipulator: Manipulate field values before displaying them
• Fields
  • fieldMap: Map fields to be displayed as headers
  • fieldOrder: Define the order in which fields are displayed
  • fieldWidths: Define the width for each field
  • fieldsToExclude: Blacklist fields to display
  • fieldsToInclude: Whitelist fields to display
• Extras
  • header: Define if field headers should be displayed
  • footer: Define a table footer
  • actions: Define actions to be displayed at the end of each row
  • Page Limit
    • pageLimit: Define a page limit control to be displayed
    • onPageLimitChange: Define a page limit change callback
  • Pages
    • pages: Define a pagination pages control to be displayed
    • onPageChange: Define a page change callback
  • Checkboxes
    • rowIsChecked: Define a callback to determine if a row checkbox is checked
    • masterIsChecked: Define a callback to determine if the master checkbox is checked
    • onRowToggle: Define a row checkbox change callback
    • onMasterToggle: Define a master checkbox change callback