TreeListCellProps

Premium

Represents the props of the TreeListCell component.

Name	Type	Default	Description
ariaColumnIndex	number		The index applied to the aria-colindex attribute.
className?	string		Custom CSS classes for the cell.
colIndex	number		The index of the column. Useful for applying aria-colindex accessibility attribute.
colSpan?	number		The column span of the cell.
dataItem	any		The data item for the current row.
expandable?	boolean		If set to true, the cell will render indentation based on its level prop and the icons that are used for expanding and collapsing child rows.
expanded?	boolean		Indicates if the cell is expanded.
field?	string		The data field that the cell binds to.
format?	string		The format applied to the value before display. Takes the {0:format} form where format is a standard number format, a custom number format, a standard date format, or a custom date format.
hasChildren?	boolean		Indicates that the data item of the cell has subitems.
isAlt?	boolean		Indicates if the cell is alt.
isSelected	boolean		Indicates if the cell is selected.
isSorted?	boolean		Indicates if the cell is sorted.
level	number[]		An array of indexes of each parent and current item in the data tree.
onChange?	(event: { dataItem: any; field?: string; level: number[]; syntheticEvent: SyntheticEvent<any>; value?: any; }) => void		The event that is fired when the cell value is changed.
onExpandChange	(event: MouseEvent<HTMLSpanElement>, dataItem: any, level: number[]) => void		The event that is fired when the expand or collapse icon of the cell is clicked.
render?	(defaultRendering: "null" | ReactElement<HTMLTableCellElement>, props: TreeListCellProps) => "null" | ReactElement<HTMLTableCellElement>		A function for overriding the default rendering of the cell.
selectionChange?	(event: { syntheticEvent: SyntheticEvent<any>; }) => void		Fires when the cell is selected.
style?	React.CSSProperties		Inline styles for the cell.