News in version
TreeGrid Gantt chart SpreadSheet Examples Documentation Download Development Licensing Prices References Contacts Buy Try it free
TreeGrid

EJS TreeGrid is a DHTML component
written in pure JavaScript to display and edit data in table, grid, tree view, tree grid or bar chart on HTML page.

It is the fastest AJAX grid with the richest features set available on the Internet.

More information
Gantt chart

TreeGrid Gantt chart is an application core for building online (web based) project management software like MS Project or Oracle Primavera.

It is the most complex web Gantt chart and universal bar chart on the Internet.

More information
SpreadSheet

TreeGrid SpreadSheet is an application core for building online (web based) spreadsheet software like MS Excel or OpenOffice Calc.

It is complex and fully customizable web spreadsheet with huge features set.

More information

News

2017-07-31Major version 13.0 released
TreeGrid has got new look - added new responsive CSS styles, every style can have set its size from very small to very big. The size and scale can be updated automatically for small displays.
Added animations - many of TreeGrid actions (e.g. row, column and cell manipulations, various dialogs, etc.) can be animated. The animations can be fully customized in XML / JSON and in CSS.
Sheet can fully control xlsx files - can open xlsx file by open dialog or by dragging the file to the grid, edit the xlsx file and save it back.
Sheet can manipulate sheets in xlsx files - display, add, delete, move, copy or rename them.
Gantt was extended by Run containers - Run boxes can be placed to (nested) containers to manipulate them together.
TreeGrid can disable scrolling and use window scroll with support of all paging types. The scroll can be disabled also automatically on small displays.
And many minor features and updates in Grid, Gantt and Sheet.

2016-10-16Minor version 12.1 released.
New Export to binary xlsx. The xlsx can be opened with no warning message. It can be saved directly to disk without access to server.
New Media rule for responsive web design to dynamically change TreeGrid layout for viewport size change and also for printing, export and CSS style change.
Updated print option fit to one page. Redesigned configuration menus (Cfg, Columns, Print/PDF, Export).
Added support for touch screens on desktops and updated behavior on Android. Added long click / touch events. Added pinch zoom to Gantt.
Added new examples for AngularJS 2 and React frameworks. Created TypeScript definition for TreeGrid API.
And various minor features and updates in Grid, Gantt and Sheet.

See what is new

About TreeGrid and Gantt chart

Large set of features

Complex component that provides MS Excel and MS Project features.

Fully extensible

Provides full JavaScript API with properties, methods and events.

The fastest grid & chart

Due highly optimized JavaScript code can quickly display millions of rows.

Compatibility

Supports all browsers, incl. mobiles.
Can be deployed on any web server.

All products in one

All features like grid, tree, Gantt and bar chart can be used in one table.

Universal component

Can show any type and size of data.
Can show any row & bar based chart

Live examples

1

TreeGrid universal example

A demonstration of many TreeGrid features like tree, sorting, grouping, filtering, searching, calculations, resizing and moving columns, row dragging, adding, deleting, copying, selecting, fixed rows and columns, many cell types, formatting values, popup default list, calendar, printing, export to PDF, export to MS Excel.

show live example
2

Gantt chart & Network diagram

A demonstration of TreeGrid application showing interactive Gantt chart - timetable of tasks and their completion, resources, dependencies and scheduling in project management and also interactive Network diagram of the same taks with desriptions and dependencies. Shows also printing and export to PDF.

show live example


3

TreeGrid large paged example

A demonstration of large grid with 50,000 rows. Shows various pagers and paging types with loading and rendering pages on demand. Shows sorting, grouping, filtering and calculations. Supports modifying data and saving changes to server. Shows also printing and exporting to XLSX/XLS/CSV.

show live example
4

Universal interactive bar chart

A demonstration of interactive bar chart done by Run. The individual bars can have different size, style, shape, icons, color, HTML content, tooltip and features. It shows various types of creating, deleting, moving, copying, selecting and changing the boxes. The boxes support also dependency lines.

show live example


5

TreeGrid SpreadSheet example

A demonstration of cell based spreadsheet program Shows editable formulas with suggest menu and choosing cell range during editing; Row and column index; Auto adding new rows and columns on scroll; Dynamic cell border; Dynamic cell style; Dynamic and automatic cell format and type; Mass changes like Clear, Move, Copy, Paste, AutoFill with all cell attributes.

show live example
6

Large paged Gantt chart

A demonstration of TreeGrid application showing interactive Gantt chart with 1000 rows / tasks using client side paging with pager. It shows standard Gantt features like tasks completion percentage, dependencies between tasks, task scheduling, critical path, task resources and resource charts, calendars with holidays. It shows also times spent by individual actions.

show live example


More examples