We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


Define Columns in JavaScript Tree Grid.

Define columns

You can define columns explicitly to display the needed items in a Tree Grid. You can also enhance the appearance of columns by setting the header text, text alignment, cell value format, and width.


Auto size

Users can interactively auto size column width to show its full content by double clicking on column borders. It also supports triggering auto sizing to the required columns programmatically.

Auto size in JavaScript Tree Grid.


Cell Attributes in JavaScript Tree Grid.

Cell Attributes

Users can decorate each cell element of a Tree Grid with their own attributes by customizing styles, add additional class names, etc.


Text wrap

Wraps the Tree Grid cell text to the next line when it is too large to fit inside a cell. Users can wrap the header or content cell’s text by setting the available wrap mode options.

Text wrap using in JavaScript Tree Grid.


Reorder columns in JavaScript Tree Grid.

Reorder

Reorder Tree Grid columns either through user interaction or programmatically. Simply dragging a column header into the desired column position will reorder the columns of a Tree Grid.


Resize

Column resize allows changing column width on the fly by simply dragging the right corner of the column header. A scroll bar appears when the Tree Grid content width exceeds the element width.

Resize column width in the JavaScript Tree Grid.


Column menu in JavaScript Tree Grid.

Column menu

Allows performing various column-based actions with the help of TreeGrid column menu. Menu items can also be customized to list only the preferred actions.


Value accessors

The value accessors specify how the cell value is to be retrieved from the data. The preferred value accessors can be used when the row data is not just a simple object.

Custom value getter using value accessor in JavaScript Tree Grid.


Cell styling in JavaScript Tree Grid.

Cell styling

The HTML5 JavaScript Tree Grid supports customization of cell styles by using CSS or programmatically


60+ JAVASCRIPT UI CONTROLS

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon