% Auto-generated: do not edit by hand
\name{dataTable}

\alias{dataTable}

\title{DataTable component}

\description{
Common wrapper for filters/inputs and their labels
}

\usage{
dataTable(id=NULL, className=NULL, columns=NULL,
conditionalRowStyles=NULL, data=NULL,
disableRichColumnHeaders=NULL, footer=NULL, hasHeader=NULL,
headerClassName=NULL, pagination=NULL,
paginationIsExpanded=NULL, resultLabel=NULL,
resultLabelPlural=NULL, secondarySortAscending=NULL,
secondarySortField=NULL, selectableRows=NULL,
selectedRows=NULL, singleSelectableRows=NULL,
sortAscending=NULL, sortField=NULL)
}

\arguments{
\item{id}{Character. The ID used to identify this component in Dash callbacks}

\item{className}{Character. Class name(s) to append to the component's default class}

\item{columns}{Unnamed list. An array of column definition objects to control what is rendered in the table.
See `Column` documentation for specifics on how to construct `Column` objects.}

\item{conditionalRowStyles}{Unnamed list. List of conditions for styling rows based on a property (selector) and a value.
Note that this prop currently only supports checking for
value equivalence (i.e. row[selector] === value).
See `ConditionalRowStyle` documentation for how to construct `ConditionalRowStyle` conditions.}

\item{data}{Unnamed list. Array of data objects to display in the table}

\item{disableRichColumnHeaders}{Logical. This is a temporary solution to allow SearchUI's to render in Storybook.
There is an issue with the dynamic column header components that causes
Storybook to crash. Rendering column headers as plain PropTypes.strings fixes the problem.
Note that this will disable column tooltips and unit labels.}

\item{footer}{Character. Content to display below the table but inside the table's box wrapper.
Accepts markdown.}

\item{hasHeader}{Logical. Set to true to show a header with total number of rows and a columns selector}

\item{headerClassName}{Character. Optional class name to apply to the table header}

\item{pagination}{Logical. Set to true to paginate the table records}

\item{paginationIsExpanded}{Logical. If true, an expanded component will be used for pagination (same as in `SearchUI`).
If false, a compact version will be used.}

\item{resultLabel}{Character. A noun in singular form to describe what a result represents (e.g. "material").
This is displayed in the table header.}

\item{resultLabelPlural}{Character. Plural form of the result label. If none supplied, it will automatically be the result label plus an "s"}

\item{secondarySortAscending}{Logical. If including a secondarySortField, set whether it should ascend by default.
True for ascending, False for descending.}

\item{secondarySortField}{Character. Optionally include a secondary sort field. If the sortField ever becomes the same as
the secondarySortField, the secondary field is removed.
Must be a valid field and included in your list of columns.}

\item{selectableRows}{Logical. Optionally include/exclude checkboxes next to rows for selecting}

\item{selectedRows}{Logical | numeric | character | named list | unnamed list. Property to maintain the state of selected rows so that
they are accessible via Dash callback}

\item{singleSelectableRows}{Logical. Combine with selectableRows prop to only allow one row to be selected at a time.}

\item{sortAscending}{Logical. If including a sortField, set whether it should ascend by default
True for ascending, False for descending}

\item{sortField}{Character. Optionally include a field to sort by on initial load
Must be a valid field and included in your list of columns}
}

\value{named list of JSON elements corresponding to React.js properties and their values}