Skip to content

Working with Lists

Most modules in FlowQMS display data in list views using a consistent table format.

Table Features

FeatureHow to Use
SortingClick any column header to sort ascending. Click again to sort descending.
SearchingType in the search box above the table to filter rows by text content.
FilteringUse the filter dropdowns to narrow results by status, type, priority, etc.
PaginationNavigate between pages using the controls at the bottom of the table. Default is 20 rows per page.
Page SizeChange how many rows are shown per page: 10, 20, 50, or 100.
Row SelectionSome tables allow selecting multiple rows with checkboxes for bulk actions.

Empty States

When a table has no data (e.g., you have not created any documents yet), a friendly empty state message is displayed with:

  • An illustrative icon
  • A message (e.g., "No documents yet")
  • A description (e.g., "Create your first document to get started")
  • A call-to-action button (e.g., "New Document")

Loading States

While data is being fetched, skeleton placeholders (animated gray bars) are shown in place of content. This indicates the page is loading and will display real data momentarily.

FlowQMS — Structured. Secure. ISO Ready.