YUI DataTable example 1

IdUser NameLast Login
12DLage03/21/2008
2EGuzman03/23/2008
23SAnton02/12/2008

Columns can be resized by dragging the border in between the header cells

Columns can be sorted by clicking on the column header

The two rightmost columns can have their content edited by clicking on the cell. A suitable editor will pop up on top of the cell

Rows can be selected by clicking on any cell on the first column. Row selection can be extended by using the usual Control and Shift key combinations.

Notice the proper use of styles, specially the changes in the cursor