TacoTableRow

TacoTableRow

React component for rendering table rows, uses <tr>.

Constructor

new TacoTableRow(props)

Parameters:
Name Type Description
props Object

React props

Properties:
Name Type Description
columns Array.<Object>

The column definitions

columnGroups Array.<Object>

How to group columns - an array of { header:String, columns:[colId1, colId2, ...], className:String}

columnSummaries Array.<Object>

An array of summaries, one for each column, matched by index

className String

The class name for the row

highlighted Boolean

Whether this row is highlighted or not

highlightedColumnId String

The ID of the highlighted column

isBottomData Boolean

Whether this row is in the bottom data area or not

onClick function

callback for when a row is clicked

onColumnHighlight function

callback for when a column is highlighted / unhighlighted

onDoubleClick function

callback for when a row is double clicked

onHighlight function

callback for when a row is highlighted / unhighlighted

plugins Array.<Object>

Collection of plugins to run to compute cell style, cell class name, column summaries

rowData Object

The data to render in this row

rowNumber Number

The row number in the table (bottom-${i} for bottom data)

tableData Array.<Object>

The table data

CellComponent function

Allow configuration of what component to use to render cells

Source:

Extends

  • React.Component

Methods

(private) handleClick()

Handler for when a row is clicked. Calls onClick(rowData, rowNumber, isBottomData).

Source:

(private) handleDoubleClick()

Handler for when a row is double clicked. Calls onDoubleClick(rowData, rowNumber, isBottomData).

Source:

(private) handleMouseEnter()

Handler for when the mouse enters the <tr>. Calls onHighlight(rowData).

Source:

(private) handleMouseLeave()

Handler for when the mouse enters the <tr>. Calls onHighlight(null).

Source:

render() → {React.Component}

Main render method

Source:
Returns:
Type
React.Component