TacoTableCell

TacoTableCell

React component for rendering table cells, uses <td>.

Constructor

new TacoTableCell(props)

Parameters:
Name Type Description
props Object

React props

Properties:
Name Type Description
column Object

The column definition

columnGroup Object

Column group definition { header:String, columns:[colId1, colId2, ...], className:String}

columnSummary Object

summary information for the column

columns Array.<Object>

The column definitions

highlightedColumn Boolean

Whether this column is highlighted or not

highlightedRow Boolean

Whether this row is highlighted or not

isBottomData Boolean

Whether this row is in the bottom data area or not

onHighlight function

callback for when a column 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

Source:

Extends

  • React.Component

Methods

(private) computeTdClassName()

Computes the tdClassName value based on the prop and plugins.

Source:

(private) computeTdStyle()

Computes the tdStyle value based on the prop and plugins.

Source:

(private) computeWithPlugins()

Computes the value of a property such as tdClassName or tdStyle by also considering plugins

Source:

(private) handleMouseEnter()

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

Source:

(private) handleMouseLeave()

Handler for when the mouse leaves the <td>. Calls onHighlight(null).

Source:

render() → {React.Component}

Main render method

Source:
Returns:
Type
React.Component