Create a Complex TreeGrid

Tutorial » Create a Complex TreeGrid

The TreeGrid can display spreadsheets with muliple columns and complex data on a limited space. This tutorial will demonstrate how table data can be arranged within a splitted grid and multi-row headers that allow you to organize data of any complicity.

Build TreeGrid

As you can see, the usage of treegrid is same as datagrid. Use 'frozen' attribute to define the frozen columns, 'colspan' and 'rowspan' attributes of columns to define multi-columns headers.

Download the EasyUI example:

easyui-treegrid-demo.zip