In cases where the volume of data is too large for the display area, a maximum number of rows may be defined per page. In these cases, the table will be split across many pages and users will navigate using the pagination element.
Another method is to use infinite scrolling, which loads progressively the next set of rows when the user scrolls to the end or by adding a Load more button to enable the user doing it manually. Prefer using pagination in cases where the user is searching for specific information due to its flexibility as it allows the user to skip straight to the last few sets if required.
Rows in a table may be selectable. Multi-selection may be authorized in the context of an advanced table where different kinds of actions may be applied to a group of rows. A checkbox must be placed at the beginning of each row, once the checkbox is selected, the row displays a different background color to clearly indicate that this row has been selected. Once selecting at least one row, a floating action bar appears at the bottom of the table, presenting actions available. The user can cancel or deselect the items at any time.
Always enable to select and unselect all the rows on the top left of the table.
Actions may be applied to the row of a table or a group of rows. Grouped actions must be located at the bottom of the table, inside a floating bar. For specific actions on a row, use icon buttons at the end of the row (right). We recommend to use a generic action icon like the ellipsis or vertical ellipsis, that can show all of the available actions by clicking it, with a tooltip, avoiding like this repetitiveness of actions and keeps visual noise to a minimum.