Map explorer

This sample demonstrates an extremely large TreeGrid with more than 10k of elements. As you can see, its size does not affect its excellent performance.
  • huge dataset handling
  • dynamical loading
  • google map integration


DB data editor

The sample presented here demonstrates the simplicity of user data editing in TreeGrid. The editing process is done right from page by a mouse-click. All the updates are stored on the server thanks to sever side actions assigned to events of the component.
  • nested data representation
  • dynamical loading
  • inline editors
  • saving results by AJAX


Shopping cart

Key functionality that MaxTreeGrid handles without any difficulties is presented in this sample. Drag-and-drop between grids and grouping capabilities can be executed within seconds. Counting up and other events are used here for additional logic.
  • drag-n-drop
  • data grouping
  • footer in grid
  • custom math in grid


Report view

TreeGrid offers a convenient way to display large spreadsheets with multiple columns and complex data structure on a limited space. The sample demonstrates how table data can be arranged within a splitted grid where the first and the last columns are frozen. The middle part of the grid is scrollable, so the user gets easy access to all grid records. The grid on this sample also has multi-row headers that allow you to organize data of any complicity.

  • splitted view
  • multiline headers
  • coloring of nested rows


XML editor

The TreeGrid is presented here as an XML editor that allows editing of XML values right from page. Data loading and rendering capabilities of the control are revealed: three bottom grids are loaded from one and the same XML but rendered differently. You can see component's handy API and smart events handling in action.
  • inline editors
  • treegrid as tree
  • dynamical data changing