Master Detail

Use a master-detail pattern to show a list of items and allow users to select an item to see more of its details alongside the list.

Arrange the list and details as two columns.

Choose the "Row Highlight" selection style for the grid. This will allow users to click anywhere on a row to select it. This style also highlights the selected row.

To avoid showing an empty details view, it is recommended that the first item in the grid be selected by default initially.

Open in Github

On This Page