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 |||||? Commented Aug 6, 2021 at 14:28
  • Without being specific, its a sequential process with 5 possible states. | means Initialized, ||||| means Completed etc.
    – cgtk
    Commented Aug 10, 2021 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. Commented Aug 10, 2021 at 20:30

1 Answer 1


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 and acknowledge you have read our privacy policy.

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