CustomControl

Escape hatch: render bespoke framework content (React / Angular / Vue) in the cell.

TypeScript

export interface CustomControl<TData = any, CTX = ActionColumnContext<TData>> extends BaseControl<TData,

Properties

Property	Type	Description
frameworkComponent	`AdaptableFrameworkComponent`	Framework-specific (Angular / Vue / React) component to render in the cell. Use this for the Angular and Vue variants of AdapTable.
render	`(context: CTX) => React.ReactNode`	React render function returning a node for the cell, with full row context injected. Use this in the React variant of AdapTable.
renderHTML	`CustomRenderFunction`	Framework-agnostic render function returning an HTML string (mount/destroy phases).
type	`'custom'`	Discriminator. Set to `'custom'`.

Framework-specific (Angular / Vue / React) component to render in the cell. Use this for the Angular and Vue variants of AdapTable.

TypeScript

frameworkComponent?: AdaptableFrameworkComponent;

React render function returning a node for the cell, with full row context injected. Use this in the React variant of AdapTable.

TypeScript

render?: (context: CTX) => React.ReactNode;

(context: CTX) => React.ReactNode

Framework-agnostic render function returning an HTML string (mount/destroy phases).

TypeScript

renderHTML?: CustomRenderFunction;

Discriminator. Set to 'custom'.

TypeScript

type: 'custom';

'custom'