Themes

Components/Types/TableCell
TableCell

A single table cell definition.

Name
Description
Type
align

Allows aligning the cell and header.

  • start (default)
  • end
  • center
TableCellAlign
cell

The cell renderer. By default it will take the it's key in in the record, and extract that key from the row data.

RenderFunction<[d: CellProps<T, X>]>
class

Pass a custom class function, string or record to apply to the cell.

string | Record<string, boolean> | (d: T ) => string | Record<string, boolean>
expectedLength

The anticipated length of the loaded text to be provided to es-loading-text.

number
group

If this cell should be grouped with others.

string
sortable

If the table can be sorted by this column

boolean
title

The title to be placed in the header.

string
variance

Appends a random number of characters (up to the specified amount) to the expectedLength.

number
variant

Allows specifiying a predefined variant for the cell.

  • default: The default styling.
  • no-pad: Removes padding.
  • borderless: Removes border, if set.
  • full-width: Breaks the cell onto its own row, taking the full width. **Only use on last cell of row, or in es-table-detail. Not supported in es-table-virtualized **
  • exclude: Disables the cell.
TableCellVariant | TableCellVariant[]
width

Allows passing a track sizing function for use in the grid.

string

TableCellVariant

Describes which style of table cell should be used.

TableCellVariant = "default" | "no-pad" | "borderless" | "full-width" | "exclude"