Columns

Columns require id, renderElement and optional width in pixels.

export type TableColumns = {
  id: string;
  renderElement: RenderElement;
  width?: number;
};

The id of the column is used to look up a corresponding renderElement callback from the fields object of the data row.

renderElement is used for table column headers.

width can be specified if column resizing is controlled externally or default widths need to be specified. If not specified, a default of 100px is used.