SMART datagrid v.1 > Examples

Back  Forward

Column Headers  Example

In Column Header, you can display the sub text, image icon, check box, menu handle besides the default header text. 

Grid - 1
rows
(Loan No.) Check Location:
(Country) Image Location:
(Interest Rate) SubText Location:
(Currency) Image Index:
(Project ID)
1. Sub-Text

In the column header, it basically displays ColumnHeader.text or the column name, and you can also specify and display ColumnHeader.subText. In addition, subtext can use special Style Set to set the style like text colors. The display location of subText is specified through subTextLocation property which is based on the default text. 

2. Image icon

You can specify ColumnHeader.imageUrl or imageIndex to display the image icon in the header. The display location is set through imageLocation property. 

3. Check box

If ColumnHeader.checkLocation is not HeaderItemLocation.NONE, the check box will be displayed in the corresponding location of the header. If click the check box during the run time, GridBase.onColumnChecked event will be fired. You can also directly change the check state through GridColumn.checked property. 

4. Column menu

If set the popup menu in popupMenu, the menu handle will be displayed in the header, and if click the handle, the set menu will be displayed. 

View Source JSP 

See Also
HeaderItemLocation
GridColumn.checked
ColumnHeader
HeaderItemLocation
SubTextLocation
Examples
Column Sorting
Column Filtering
Column Moving