Configuration
Row

Row config

Properties

export interface RowEvents {
  onHover: Partial<{
    highlight: boolean;
    callback: (row: Row, idx: number) => void;
  }>,
  onClick: Partial<{
    callback: (row: Row, idx: number) => void;
  }>
}
export interface RowGroupConfig {
  showChildName: boolean;
}
export interface RowConfig { 
  height?: number;
  border?: boolean;
  events?: Partial<RowEvents>;
  groups?: RowGroupConfig;
}

height

TypeRequiredDefault
numberfalse48

Configures the height of the row.

border

TypeRequiredDefault
booleanfalsefalse

If true, a border will be added to the bottom of the row.

events

TypeRequiredDefault
RowEventsfalseundefined

Configures the events of the row.

onHover

Handles the hover event of the row.

highlight
TypeRequiredDefault
booleanfalsefalse

If true, the row will be highlighted on hover.

callback
TypeRequired
(row: Row, idx: number) => voidfalse

The callback function that will be called when the row is hovered.

onClick

Handles the click event of the row.

callback
TypeRequired
(row: Row, idx: number) => voidfalse

The callback function that will be called when the row is clicked.

groups

TypeRequiredDefault
RowGroupConfigfalseundefined

Configures how the row groups will be displayed.

showChildName

TypeRequiredDefault
booleanfalsefalse

If true, the name of the child will be displayed in the row group.