Appearance
Working with Lists
Most modules in FlowQMS display data in list views using a consistent table format.
Table Features
| Feature | How to Use |
|---|---|
| Sorting | Click any column header to sort ascending. Click again to sort descending. |
| Searching | Type in the search box above the table to filter rows by text content. |
| Filtering | Use the filter dropdowns to narrow results by status, type, priority, etc. |
| Pagination | Navigate between pages using the controls at the bottom of the table. Default is 20 rows per page. |
| Page Size | Change how many rows are shown per page: 10, 20, 50, or 100. |
| Row Selection | Some 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.