8

In web presentation, I have those table cells which contain no data.

How to represent such an information?

Notes about the table:

  • its basic dimensions are roughly 10 × 20, but can grow to 15 × 50;
  • about half the cells contain data, so about half doesn't contain data;
  • when present, the data is either a number or a range (two numbers, separated by – (en dash));
  • the layout (horizontal/vertical borders shown/hidden) will depend on the answer here, so it's not set in stone yet.

Example:

┏━━━━━━━━━━┳━━━━━━━━━━┓
┃ Header 1 ┃ Header 2 ┃
┡━━━━━━━━━━╇━━━━━━━━━━┩
│   Data   │          │
├──────────┼──────────┤
│          │   Data   │
└──────────┴──────────┘

And the corresponding HTML:

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data</td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td>Data</td>
    </tr>
  </tbody>
</table>

I've thought about using a dash, but in that case, which dash to use? I've thought about letting them empty, but with the table's dimension, this can lead to barely readable result. My final idea was to do something like on Wikipedia: having a "N/A" written in the cell and have the cell rendered with a different background color, but I fear the table easily becomes too colored.

Note: unlike this question, my table isn't meant to be read out loud.

2
  • 2
    Depends a lot on the context. Financial data, scientific data - different fields have different ways of representing "nothing" vs. "zero". Mar 11, 2016 at 23:03
  • The table is a reference table that people will refer to as part of implementing algorithms by hand. So an absent value means that there is no solution for that combination of row/column. Mar 12, 2016 at 19:11

2 Answers 2

9

The need for a dash depends more on the styling of table rather than the actual spareness of the contents. If your table has cell borders or alternating background colors, leave the cells blank, as it's quite obvious that data is missing for that position, and the dashes do little more than add cognitive load, reducing the legibility of the table. If your cells do not have a border or alternating background colors, then use dashes to identify that a cell is blank. This helps users visually track each row and column when scanning the data. Which is more appropriate should depend on the theme of the rest of site.

3
  • Great, thanks! I was expecting a rule before having to think about how to design the table itself, but I guess I can design the table first then. Also, if I choose the dash-option, do you have any clue which is the best dash to use for this kind of data: em-dash, en-dash, another one? Mar 12, 2016 at 19:08
  • @OlivierGrégoire I'm pretty sure the choice is more aesthetic than anything. I personally would use a simple hyphen, as that seems to be the most common, but any particular dash should serve as well as the other as long as it's consistent across all cells.
    – phyrfox
    Mar 12, 2016 at 19:52
  • If it was my table, I'd display the dashes in light gray, as light as possible, in order to reduce cognitive load. My idea is that those no-information information should be (almost) invisible, unless the user wanted to see them on purpose. This way you can have the best of both worlds.
    – Juan Lanus
    Mar 15, 2016 at 19:14
1

Em dash

Straight outta The Chicago Manual of Style, 16th Ed.:

"Section 3.65: Empty cells. If a column head does not apply to one of the entries in the stub, the cell should either be left blank or, better, filled in by an em dash or three unspaced ellipsis dots. If a distinction is needed between "not applicable" and "no data available," a blank cell may be used for the former and an em dash or ellipsis dots for "no data" ... If this distinction is not clear from the text, a note may be added to the table. (Alternatively, the abbreviations n/a and n.d. may be used, with definitions given in a note.) A zero means literally that the quantity in a cell is zero...."

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.