Common Data Table Operations
Overview
All list pages across the platform use a unified data table component: the CI Directory, CI List, the table view of the CI Topology View, and User Management all share the same list behavior. This page documents these common table operations so each module doc does not need to repeat them.
Column Management
| Operation | Description | How to |
|---|---|---|
| Toggle displayed columns | Choose which attribute columns appear in the table | Click the "Column Settings" button in the toolbar, then check/uncheck the desired fields |
| Reorder columns | Change the left-to-right order of columns | Drag columns up and down inside the column settings panel (not on the table header directly) |
| Freeze columns | Pin key columns to the left/right so they stay visible during horizontal scrolling | Set "freeze to left" or "freeze to right" in the column settings panel |
| Adjust column width | Change the width of a column | Drag the divider on the right edge of the column header |
| Sort columns | Sort a column in ascending or descending order | Click the sort arrow in the column header |
Binary-type attributes cannot be displayed in the table. To view the value of a binary attribute, open the item's detail page.
Table Density
Click the column settings button to switch the row-height density:
| Density | Characteristics |
|---|---|
| Compact (default) | Shows more data rows; suitable for bulk browsing |
| Medium | Balances readability and information density |
| Loose | Larger row height; suitable for extended reading |
Search and Filtering
Quick Search
Above the table there is a search bar with "Search" and "Reset" buttons on the right. Type a keyword into the input (matched against key fields such as name) and click "Search" to locate matching items in the current list; click "Reset" to clear all criteria and restore the full list. Every list page provides this quick search row.
Advanced Filtering
Some modules (such as CI Directory, CI List, and the table view of CI Topology View) also offer attribute-based advanced filtering from the toolbar:
- Click the "Filter" button in the toolbar to open the advanced filter panel
- Add filter conditions (for example, "Status equals Running")
- Multiple conditions can be combined
- Once applied, the list shows only the instances that satisfy the conditions
Operators vary by data type; see Attribute Filter Operators for details.
Pagination
Pagination controls appear at the bottom of the table:
- Total count: Real-time total number of items based on the current data scope and filter criteria
- Page size: Switch the number of rows displayed per page
- Quick jump: Jump directly to a specific page number
Persisted Settings
The following settings are saved automatically to browser local storage and remain consistent the next time you open the same view:
- Column state: shown/hidden columns, column order, column widths
- Table density: Compact / Medium / Loose
- Page size: number of rows shown per page
- Filter criteria: currently applied filters