DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Angular Vue jQuery
  • Demos
  • Templates
  • Docs
  • What's new
    Roadmap
  • Support
  • ThemeBuilder
  • Blog
Free Trial Buy
  • Demos
  • Templates
  • Docs
  • What's new
    New
  • Roadmap
    New
  • Support
  • ThemeBuilder
  • Blog
  • Overview
  • What's New
  • Getting Started
  • Licensing
  • UI Components
    • Accordion
    • ActionSheet
    • Autocomplete
    • BarGauge
    • Box
    • Bullet
    • Button
    • ButtonGroup
    • Calendar
    • Chart
    • Chat
    • CheckBox
    • CircularGauge
    • ColorBox
    • ContextMenu
    • DataGrid
    • DateBox
    • DateRangeBox
    • DeferRendering
    • Diagram
    • Draggable
    • Drawer
    • DropDownBox
    • DropDownButton
    • FileManager
    • FileUploader
    • FilterBuilder
    • Floating Action Button
    • Form
    • Funnel
    • Gallery
    • Gantt
    • HtmlEditor
    • LinearGauge
    • List
    • LoadIndicator
    • LoadPanel
    • Lookup
    • Map
    • Menu
    • MultiView
    • NumberBox
    • Pagination
    • PieChart
    • PivotGrid
    • PivotGridFieldChooser
    • PolarChart
    • Popover
    • Popup
    • ProgressBar
    • RadioGroup
    • RangeSelector
    • RangeSlider
    • Resizable
    • ResponsiveBox
    • Sankey
    • Scheduler
    • ScrollView
    • SelectBox
    • Slider
    • Sortable
    • Sparkline
    • Splitter
    • Switch
    • TabPanel
    • Tabs
    • TagBox
    • TextArea
    • TextBox
    • TileView
    • Toast
    • Toolbar
    • Tooltip
    • TreeList
    • TreeMap
    • TreeView
      • Overview
      • Getting Started
      • How To
      • API
      • Accessibility
      • Demos
    • VectorMap
    • Common Types
    • Utilities
  • Common Concepts
  • DevExtreme CLI
  • React Application Template
  • Accessibility
  • Security Considerations
  • React-Specific Features
  • Troubleshooting
  • Integration Guides
Documentation Menu
  • React Documentation
  • UI Components
  • TreeView
  • Demos
  • React Documentation
  • UI Components
  • TreeView
  • Demos
v25.1 v24.2 v24.1 v23.2 v23.1 v22.2 v22.1 v21.2 v21.1
The page you are viewing does not exist in version 21.1.
v20.2
The page you are viewing does not exist in version 20.2.
v20.1
The page you are viewing does not exist in version 20.1.
v19.2
The page you are viewing does not exist in version 19.2.
v19.1
The page you are viewing does not exist in version 19.1.
v18.2
The page you are viewing does not exist in version 18.2.
v18.1
The page you are viewing does not exist in version 18.1.
v17.2
The page you are viewing does not exist in version 17.2.

React TreeView - Demos

TreeView features are illustrated and described in the following technical demos:

  • Hierarchical Data Structure
  • Plain Data Structure
  • Node Selection and Customization
  • Virtual Mode
  • Load Data on Demand
  • TreeView with Search Bar
  • ContextMenu Integration

Drag & Drop and Reordering

  • Drag & Drop for Plain Data Structure
  • Drag & Drop for Hierarchical Data Structure
Was this topic helpful?
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!

Copyright © 2011-2025 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners.

Use of this site constitutes acceptance of the Developer Express Inc Website Terms of Use, Privacy Policy (Updated), and .
Use of DevExtreme UI components/libraries constitutes acceptance of the Developer Express Inc End User License Agreement.

FAQs: Licensing | DevExpress Support Services | Supported Versions & Requirements | Maintenance Releases