New to Kendo UI for Vue? Start a free 30-day trial

TreeListCellProps

Represents the props of the TreeListCell component.

NameTypeDefaultDescription

ariaColumnIndex

number

The index to be applied to the aria-colindex attribute.

class?

string

The custom CSS classes of the cells.

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 dataItem of the cell.

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

The expanded state of the cell.

field

string

The field of the cell.

focusInputOnMount?

boolean

If set to true will focus the first input inside the cell.

format?

string

The format of the cell.

hasChildren?

boolean

Indicates that the data item of the cell has subitems.

isSelected

boolean

Indicates if the cell is selected.

level

number[]

An array of indexes of each parent and current item in the data tree.

onChange?

(event: { dataItem: any; event: any; field?: string; value?: any; }) => void

The event that is fired when the cell value is changed.

onExpandchange?

(event: any, dataItem: any, level: number[]) => void

The event that is fired when the expand or collapse icon of the cell is clicked.

render?

any

A function for overriding the default rendering of the cell.

selectionChange?

(event: { event: any; }) => void

The event that is fired when the cell is selected.