Reference Source
import {Table} from '@adobe/coral-spectrum'
public class | source

TableColumn

Expression Extends:

class TableColumn extends BaseComponent(HTMLTableColElement)

A Table column component

See:

Example:

Markup
<col is="coral-table-column"></col>
JS constructor
new Coral.Table.Column();

Static Member Summary

Static Public Members
public static

Returns TableColumn alignment options.

public static

Returns TableColumn sortable direction options.

public static

Returns TableColumn sortable type options.

Member Summary

Public Members
public

The column cells alignment.

public

Whether the column has a fixed width.

public

Whether the column is hidden.

public

Whether the table column is orderable.

public

Whether the column is sortable by user interaction.

public

The sorting direction.

public

The sorting type.

Static Public Members

public static alignment: TableColumnAlignmentEnum: * source

Returns TableColumn alignment options.

public static sortableDirection: TableColumnSortableDirectionEnum: * source

Returns TableColumn sortable direction options.

public static sortableType: TableColumnSortableTypeEnum: * source

Returns TableColumn sortable type options.

Public Members

public alignment: String source

The column cells alignment. The alignment should take the i18n configuration into account.

  • TableColumnAlignmentEnum.LEFT by default.
  • reflected

public fixedWidth: Boolean source

Whether the column has a fixed width.

  • false by default.
  • reflected

public hidden: Boolean source

Whether the column is hidden.

  • false by default.
  • reflected

public orderable: Boolean source

Whether the table column is orderable. Note that this does not affect the underlying data, only presentation.

  • false by default.
  • reflected

public sortable: Boolean source

Whether the column is sortable by user interaction.

  • false by default.
  • reflected

public sortableDirection: String source

The sorting direction. Sorts the column cells based on TableCell#value. If not present, the sort is based on the cell text content. See TableColumnSortableDirectionEnum.

  • TableColumnSortableDirectionEnum.DEFAULT by default.
  • reflected

public sortableType: String source

The sorting type. See TableColumnSortableTypeEnum. If setting to custom, columns won't sort based on the default table sorting. Instead, a custom sorting can be performed when triggered by user interaction. This can be defined by listening to the coral-table:beforecolumnsort event.

  • TableColumnSortableTypeEnum.ALPHANUMERIC by default.
  • reflected