Skip to main content


Optional. Sets a dataset for a tree

data?: object[];


Each data object can have the following properties:

value(string) the value of an item
id(string, number) the id of an item
opened(boolean) optional, defines whether an item is opened by default
checkbox(boolean) optional, enables/disables displaying a checkbox for a tree item
items(array) an array of children items
icon(object) allows adding custom icons for a tree item
Related sample: Tree. Custom dataset icons


const data = [
"value": "Books",
"id": "Books",
"opened": true,
"checkbox": true,
"items": [
"value": "Thrillers",
"id": "Thrillers",
"icon": {
"folder": "fas fa-book",
"openFolder": "fas fa-book-open",
"file": "fas fa-file"

const tree = new dhx.Tree("tree", {
data: dataset

Related samples:

You can disable displaying of a checkbox for a tree item via the update method of tree collection."Books", {checkbox:false});