Skip to content
Surf Wiki
Save to docs
general/graphical-control-elements

From Surf Wiki (app.surf) — the open knowledge base

Grid view

Graphical user interface element


Graphical user interface element

Note

the graphical user interface element

A grid view or a datagrid is a graphical control element that presents a tabular view of data. 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 http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm.

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.

References

References

  1. Initiative (WAI), W3C Web Accessibility. "Grid (Interactive Tabular Data and Layout Containers) Pattern".
Info: Wikipedia Source

This article was imported from Wikipedia and is available under the Creative Commons Attribution-ShareAlike 4.0 License. Content has been adapted to SurfDoc format. Original contributors can be found on the article history page.

Want to explore this topic further?

Ask Mako anything about Grid view — get instant answers, deeper analysis, and related topics.

Research with Mako

Free with your Surf account

Content sourced from Wikipedia, available under CC BY-SA 4.0.

This content may have been generated or modified by AI. CloudSurf Software LLC is not responsible for the accuracy, completeness, or reliability of AI-generated content. Always verify important information from primary sources.

Report