JavaScript sort table - EJS TreeGrid
Version 9.3
 

JavaScript sort table

TreeGrid displays interactive HTML table with various features. TreeGrid provide sorting for more columns at once. The sorting can be changed dynamically by clicking to column header. Descending and ascending sorting is supported. Also sorting strings, dates numbers and custom types sorting are provided.
  
 

News

A new version TreeGrid 9.3 was released on August, 11th.
Main updates are extended Pivot table, row position index, three states checkbox in tree and centered value in cell wider than grid.

Recently released major 9.x version added Pivot tables and updated printing and export to PDF by splitting grid or Gantt horizontally and vertically to given page size.
To Gantt chart were added paging in date ranges, with side pager(s), grouping bars to Run groups, correcting dependencies like MS Project and Progress line chart.
Licensing and pricing slightly changed, added two new cheaper components with subset of features. The licensed developers are distinguished to be supported or unsupported.
Source codes for debugging are now available.
See what is new

 

Brief description

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

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

   
 

Example

  
 

Supported browsers

Internet Explorer (IE6, IE7, IE8, IE9, IE10, IE11), all document modes
Mozilla Firefox (FF1.5 - FF24)
Google Chrome (CH3 - CH30)
Safari (S3, S4, S5)
Opera (O9, O9.5, O10, O10.5, O11, O11.5, O12)
Apple iPad Safari Mobile (incl. full scrolling and dragging)
Google Android browser (incl. full scrolling and dragging)
 
And all IE, Mozilla and WebKit engine clones
 

Main advantages

tree feature in rows or columns or both
advanced cell formulas, expressions and calculations like in MS Excel
various paging types to display nearly unlimited number (millions) of rows using AJAX and pager components. Column paging also included.
advanced filters similar to MS Excel or filtering by any expression
searching like in Google
automatic rows grouping to a tree according to column values
multi level Pivot tables (two dimensional grouping), editable, unlimited source columns
fixed (frozen) columns and rows on all the edges
cell spanning among columns (colspan) or rows (rowspan) or in both directions. Dynamic span by users also available.
row dragging even among the grids (moving and copying)
row or cell ranges selecting by key or mouse click or dragging; predefined or custom actions with the selection possible
column moving, freezing or unfreezing by a mouse
various cell types like text, number, check box, textarea, combo box, image, link or any other HTML, etc.
advanced formatting values for displaying and editing according to the type and format string.
a calendar component to pick dates; a special dialog to choose date ranges and repeating dates.
various editing masks
cell value validation while editing, after edit and before save
multi line editing in textarea
printing option or export to PDF with various PDF settings and possible splitting to pages in both directions
export to Microsoft Excel or any other spreadsheet program that can handle XLS files or HTML tables
data synchronisation with server
master / detail relationship, more different master and detail grids available at once
creating of Gantt chart also available; includes dependencies, resources, summaries, constraints and dynamic update.
display and dynamic update of external objects like Adobe Flash, Microsoft SilverLight or custom JavaScript objects
fully customizable CSS styles to change grid look
advanced JavaScript API with events and methods to control the grid from JavaScript
using grid without any need of JavaScript code on a page
sophisticated XML input / output format, JSON format also supported
fully customizable key and mouse navigation action schemas
very fast to display and control
script modules - modules not in use can be removed from the script in order to shorten its length
localization to any language possible, including all texts, date and number formats
RTL version for Middle East languages plus Hirji dates
both CSS1 strict and quirks mode supported (any <!DOCTYPE> setting)
  
 

Basic grid features

cell content editing
changes update to server by AJAX
or by page / form submit (HTTP POST)
row sorting
row adding and deleting
row state colors
column resizing
column hiding / displaying
toolbar
  
 

Server side support

EJS TreeGrid package contains many examples and predefined code of server side scripts:

ASP (VBScript)
ASP.NET (C#, Visual Basic)
JSP (Java)
PHP
HTML (all other)

EJS TreeGrid can be used also in any other server script environment that can handle and process XML or JSON data.
   
 

Example