I designed this but what would be a proper name? Data-table, info bar, list? When you click on each item of the list, it displays information on the right side. Programming wise it was not done as a data-table TH

  • How about "Product dashboard". Commented Dec 12, 2018 at 11:25

3 Answers 3


This is a list (or data table) with an inspector panel on the right side.

It is a variation of a master / detail pattern.

  • +1. This is a table with a inspector panel. Couldn't have said it easier.
    – marvinpoo
    Commented Dec 13, 2018 at 10:23

I'd say list or table, but as you have column headings, I'd go with table.

You might want to see how design systems from well known companies describe them: https://adele.uxpin.com/


I would call the right pane "Details Pane".

Alternatively it can be called "Preview Pane", if it is only showing a subset of information for the item and there's another view with the full info. Preview is the term used in Windows Explorer and OSX Finder.

  • I agree with the answer. It's called Preview Pane which is present in outlook, Gmail. Wherein on one side, you have the list of options and on the other side, you have the preview of the selected option/tab. They give you the ability to view content and list of options side by side. For reference: https://www.cnet.com/how-to/how-to-get-the-new-gmail-preview-pane/
    – NB4
    Commented Dec 13, 2018 at 10:25

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.