import dash
import dash_devextreme as ddx
import dash_html_components as html


data = [
    {'id': 1, 'name': 'Sales', 'text': 'abc'},
    {'id': 2, 'parent_id': 1, 'name': 'Sales 1', 'text': 'abc'},
    {'id': 3, 'parent_id': 1, 'name': 'Sales 2', 'text': 'abc'},
    {'id': 4, 'name': 'Developers', 'text': 'abc'},
    {'id': 5, 'parent_id': 4, 'name': 'Dev 1', 'text': 'abc'},
]

app = dash.Dash('')
app.scripts.config.serve_locally = True

app.layout = html.Div(children=[
    ddx.TreeList(
        dataSource=data,
        columns=[
            {'dataField': 'name', 'width': 290},
            {'dataField': 'text'},
        ],
        keyExpr='id',
        parentIdExpr='parent_id',
        width='100%'
    )
])


if __name__ == '__main__':
    app.run_server(debug=True)