Grid view

From Wikipedia, the free encyclopedia
Screenshot of Calc.

A grid view or a datagrid is a graphical control element that presents a tabular view of data.[1] A typical grid view also supports some or all of the following:

  • Clicking a column header to change the sort order of the grid
  • Dragging column headers to change their size and their order
  • In-place editing of viewed data
  • Row and column separators, and alternating row background colors

An interactive live demo example of this type of widget can be seen here [1].

Some widget toolkits, these are libraries containing a collection of equally designed graphical control elements, distinguish between a grid and a datagrid. If this is the case, the term datagrid refers specifically to a graphical control element that can be linked to a database with little or no effort from the part of a programmer.

They are commonly used to display lists of files, such as the "Details" view in Windows XP file managers.

Grid views are sometimes referred to as spreadsheet widgets (or spreadsheet controls, with control being a common synonym for widget). This is due to grid views' visual and sometimes behavioral similarity to spreadsheet applications. However, though many grid views support editing of underlying data, they cannot be used for arbitrary calculations. Spreadsheet widgets occur frequently in scientific applications such as PSPP or SPSS.



  1. ^ Initiative (WAI), W3C Web Accessibility. "Grid (Interactive Tabular Data and Layout Containers) Pattern". Web Accessibility Initiative (WAI). Retrieved 2023-07-22.