Content Comparison

...

	Interaction	Screenshot
Single Selection	Only one item can be selected. Clicking anywhere on the item row will select it. One item must always be selected. Selecting an item will automatically deselect the previously-selected item.	Image Added
Multi-select check boxes	Clicking on a check box will select or deselect an item. This can be repeated for multiple items in the list. Items can also be selected by holding the ctrl or shift keys on the keyboard and clicking anywhere on the item.	Image Added
Smart Selection	On hover anywhere over an item, a check box appears. Clicking anywhere on the item row will select it. As with Single selection, selecting an item in this way will automatically deselect the previously-selected item. Additionally, the user can select multiple items in one of two ways: By directly checking any item check boxes. By holding the ctrl or shift keys on the keyboard and clicking anywhere on the item. In this case: clicking any other items (either the checkbox or the label) will add it to selected items An “Apply” buttons appears, allowing the user to apply the selected items	Image Added

When scrolling, the title and Search bar should stick to the top and remain visible.

Best practices

Use when:

...

A flexible layout is more important than arranging information in a grid.

...

You want to support relevant content, such as charts.

...

:

when you want to show relevant content for each list item.
when there is a need to select one or more items from a list.
when content may vary between rows (contrary to a grid, which is more strict in nature).

Don’t use:

For long, complex lists where grouping and categorisation could be applied → use a Tree.
For complex items with multiple attributes which need to be displayed → use Data Tables.

...