Reference example: multiple headers
By setting the next "columns" column set object for the "column" object, you can easily implement multiple headers at any level. The following code:
<Div id = "datagrid1" class = "mini-datagrid" style = "width: 700px; height: 280px ;"
Url = "../data/DataService. aspx? Method = SearchEmployees"
>
<Div property = "columns">
<Div type = "indexcolumn"> </div>
<Div field = "loginname" width = "120" headerAlign = "center" allowSort = "true"> employee account </div>
<Div field = "name" width = "120" headerAlign = "center" allowSort = "true"> name </div>
<Div header = "work info" headerAlign = "center">
<! -- Next level columns -->
<Div property = "columns">
<Div width = "120" headerAlign = "center"> Department & position
<! -- Next level columns -->
<Div property = "columns">
<Div field = "dept_name" width = "120"> Department </div>
<Div field = "position_name" width = "100"> position </div>
</Div>
</Div>
<Div field = "salary" width = "100" allowSort = "true"> salary </div>
</Div>
</Div>
</Div>
</Div>