I have a page showing a datatable that lists two types of items, X and Y.

  • X has 3 possible status; ONLINE, OFFLINE, DISABLED
  • Y has 5 possible status; |, ||, |||, ||||, |||||

As an example, the table looks like this

ONLINE       X1
ONLINE       X2
|||          Y1
|            Y2
|||||        Y3
||||         Y4
|            Y5
||           Y6

Question: Is there a better way to show this? Looks kind of weird to have two different status types on the same table.

  • What are the semantics behind |, ||, |||, |||| and |||||? Aug 6 at 14:28
  • Without being specific, its a sequential process with 5 possible states. | means Initialized, ||||| means Completed etc.
    – c143013
    Aug 10 at 0:47
  • Given the context you just explained I think it's safe to mix the statuses but I think it's too much to ask your users to count the lines for each row. I think it would be better to name them for what they are: E.g. Step 1, step 2, etc. so that you can see which stage the Y items are at at a glance. Aug 10 at 20:30

From your post, it looks like X and Y should just be displayed in separate tables and Item Name should be the main column.

Unless the X's can have |, ||, etc. as possible status too and they just happened to line up in this example, they should be in separate tables.

Here's an example:

enter image description here

I put the explanation of the possible status under the table title but they could go beneath the tables.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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