New Features Now Available in Infragistics Ultimate: Try Free for 30 Days!
Download Now Download Now
  • North American Sales: 1-800-231-8588
  • Global Contacts
  • My Account
Infragistics logo Infragistics logo
Menu
  • North American Sales: 1-800-231-8588
  • My Account
    • Sign In/Register
  • Design & DevelopmentDesign & Develop
    • Best Value Bundles
      Infragistics Ultimate $1,495 The only complete UX/UI toolkit for building high performance, modern web, mobile and desktop applications.
      Infragistics Professional $1,295 The comprehensive UI components library for web, mobile and desktop developers.
      Ignite UI $1,295 A complete library of UI components for building modern, data-rich and responsive web apps.
    • Web
      App Builder (New) Ignite UI Angular ASP.NET Core ASP.NET MVC Blazor jQuery React Web Components Ultimate UI for ASP.NET Web Forms
    • Desktop
      Ultimate UI for Windows Forms Ultimate UI for WPF
      Cross Platform
      Ultimate UI for Uno Ultimate UI for UWP Ultimate UI for WinUI Ultimate UI for Xamarin
    • Design to Code
      Indigo.Design App Builder (New) Design System & UI Kits
      Automated Testing Tools
      Test automation for Micro Focus UFT: Windows Forms Test automation for Micro Focus UFT: WPF Test automation for IBM RFT: Windows Forms
  • UX
    • Indigo.Design A Unified Platform for Visual Design, UX Prototyping, Code Generation, and App Development
    • App Builder Cloud-based WYSIWYG Drag & Drop Tool, Endless Theming options and Standards-Based Code Output
  • Business Intelligence
    • Reveal Easily embed beautiful data visualizations into your apps
    • Slingshot Empower everyone in your organization to use data to make smarter business decisions
  • Team Productivity
    • Slingshot Connect everyone you work with to data, project management, content and chats for better results.
    • SharePlus Secure, instant access to content and data on the go – with or without connectivity.
  • Learn & SupportSupport
    • Help & Support Documents
    • Blogs
    • Forums
    • Product Ideas
    • Reference Applications
    • Customer Stories
    • Webinars
    • eBook & Whitepapers
    • Events
  • Free Trials
  • Pricing
    • Product Pricing / Buy Online
    • Contact Us
Ignite UI | Components
  • Download Now
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
  • Grids & Lists
    • Data Grid
    • Hierarchical Grid
    • OLAP Pivot Data Selector
    • OLAP Pivot Grid
    • OLAP Pivot View
    • Spreadsheet
    • Tree Grid
    • Tree List
  • Charts
    • Category Chart
    • Data Chart
    • Doughnut Chart
    • Financial Chart
    • Funnel Chart
    • Pie Chart
    • Shape Chart
    • Sparkline
  • Gauges
    • Bullet Graph
    • Linear Gauge
    • Radial Gauge
  • Barcodes
    • Barcode
  • Data Visualization
    • Geographic Map
    • Zoombar
  • Data Entry and Display
    • Editors
    • Combo Box Editor
    • HTML Editor
    • Notifier
    • Rating
    • Validator
  • Interactions
    • Dialog Window
    • File Upload
    • Popover
    • Scrollbar
    • Split Button
    • Video Player
  • Menus
    • Radial Menu
  • Layouts
    • Layout Managers
    • Splitter
    • Tile Manager
  • Styling & Themes
    • Themes
  • Scheduling
    • Schedule
  • Frameworks
    • Data Source
    • Excel Exporter
    • Excel Library
    • Infragistics Documents
    • Infragistics Loader
    • Template Engine
    • Word Exporter
Tree Grid Example

Ignite UI Tree Grid

Ignite UI for JavaScript’s Tree View Grid displays your data in a tree-like tabular structure, but has all the features you would expect from a grid control, such as filtering, sorting, and paging. This grid is similar to the Hierarchal Grid, but works best when working with data where the parent and child nodes have the same structure or your users want a simpler, stripped down experience. But whichever you use, both grids are fast, can handle large data sets, and are fully supported in frameworks like Angular JS, Angular, and React.

View Sample

Load on Demand

When working with large amounts of data in a web application, you need to keep your application fast while making it easy for users to get their work done. The Load on Demand feature fulfills this need. The child rows of your grid don’t load until the user opens the parent row.

Tree Grid Load on Demand Function View Sample

Paging

Paging is another feature that makes dealing with large amounts of data easier. Ignite UI for JavaScript’s Tree View Grid provides easy-to-use paging support and includes great features like context row breadcrumbs.

Tree Grid Paging Function View Sample
  • Products
    • Design & Development
    • UX Pros
    • Business Intelligence
    • Team Productivity
    • View All
    • Free Trials
  • Learn & Support
    • Help & API Docs
    • Blogs
    • Technical Support Chat
    • Forums
    • Product Ideas
    • Submit a Request
  • My Account
    • Manage My Subscriptions
    • Support Requests
  • Corporate
    • About Us
    • Careers
    • Legal
    • News & Events
    • Partners
The best blogs, whitepapers, and other development resources
Unfortunately, Google has considered you a bot. If you have an account, please sign in to validate your status and fill form out again. Alternatively, please feel free to contact sales@infragistics.com to obtain the asset you were looking for or choose to schedule a demo of our products.
Thank you for subscribing. Look for an email from team@Infragistics.com for the latest news for Developers, UX, and Business Teams.
  • Privacy Policy(updated)
  • Cookies
  • Terms of Use(updated)
I.S. Partners SOC2 SEAL GDPR SEALIS Partners LLC
© Copyright 2023 INFRAGISTICS. All Rights Reserved
Back to top of page