is there an official difference between a grid and a table pattern?

23 Sep 2010 - 11:51am
5 years ago
2 replies
4307 reads
Michele Marut


This morning my team reviewed this very nice article about free project management apps - .

When we got down to "Project Bubble", an interaction designer stated that this was a very good use of a grid. When I asked how that differed from the ones above he said becuase it had headers.

According to this list - - they would all be tables but the ones above could be considered a "headerless table"

The designer went on to mention that he thinks tables are not editable and that in the development world tables and grids are different.

I'm not trying to split hairs here but really want to make sure I'm using the correct terminology.

Thanks in advance,


Connect with me on:



23 Sep 2010 - 9:05pm
Hugh Griffith

Hi Michelle,

He seems like he has things backwards. I think he meant that Project Bubble uses a table, and that table has headers (column headers to be exact). Which it does.

In development (HTML), only tables are used. Specifically, the <table> tag. They're are typically utilized to display tabular data, though they can also be used for layout (but that's frowned upon these days).

Grids are used in design to determine layouts. (See for details.)

Hope that helps,

Hugh Griffith
Visual / Interaction Designer

Skype: hughgriffith

24 Sep 2010 - 1:56pm

A grid is not necessarily a table. A table is only supposed to be used for tabular data... and abusive designers/developers. ;)

Syndicate content Get the feed