Back to the index of articles and examples

Data Grid

Each cell in this DataTable contains a different data type. The type is not set by the column definition but by meta-data sent along each column of actual data.

The trick is done with a couple of dispatcher functions that are used as custom formatters and editors for all of the visible columns and which read the meta-data corresponding to the cell being formatted or edited and switch to the actual formatter or editor.

All cells are editable, you can click on anyone and change it. Date cells use the YUI calendar component. The bottom right cell is a radio options, try clicking on it.