Grid screenshot example.

Source:
http://www.mozilla.org/access/dhtml/spreadsheet

Description:

This example is an expense log.  The information is arrayed in a table.  What sets this apart from a simple HTML <table> is the ability to re-sort the contents based various of the different data fields in the different columns.

Each expense item is a row in the table, with an entry in the Entry #, Date, Expense, Amount, Merchant, and Type columns.  Type is cash or credit.  One can sort the expense items (the rows) on the basis of any of the data fields other than Type.

To sort by Amount, for example, one activates (click or spacebar) the 
'Amount' label in the column head cell for the Amount column.