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

onColumnHighlight function

callback for when a column is highlighted / unhighlighted

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

tableData Array.<Object>

The table data

CellComponent function

Allow configuration of what component to use to render cells

Source:

Extends

  • React.Component

Methods

(private) handleMouseEnter()

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

Source:

(private) handleMouseLeave()

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

Source:

render() → {React.Component}

Main render method

Source:
Returns:
Type
React.Component

shouldComponentUpdate(nextProps, nextState) → {Boolean}

Uses shallowCompare

Parameters:
Name Type Description
nextProps Object

The next props

nextState Object

The next state

Source:
Returns:
Type
Boolean