How to highlight key data in Atoti UI table widgets by emphasizing a cell’s row and column on hover, with an optional pinned highlight whose shape and color are configurable.
Focus cell is a feature for tables for aggregated data. Hovering over a cell always highlights its full row and full column, forming a crosshair pattern. Clicking a cell pins the highlight; the shape of the pinned highlight can be configured. This makes it easier to read values across large tables by visually anchoring a cell’s position. The feature is off by default and can be enabled as a user preference or for a specific widget.
Focus cell can be enabled at two levels: as a user preference in the Settings popup, or individually for a specific widget. The preference acts as the default for table widgets that don’t override it.To enable Focus cell as a user preference:
Widgets that do not have an explicit per-widget override follow this preference. Changing it therefore affects all such widgets, whether existing or new.To enable Focus cell for a specific widget:
Open the Behavior tab from the Tools panel, next to the data model on the left of the application.
Toggle Focus cell on or off for the target widget.
The per-widget toggle overrides the user preference for that widget.
Use the per-widget toggle to enable Focus cell on a specific table without
changing the preference for other widgets.
When Focus cell is enabled, hovering over any data, total, or subtotal cell highlights its full row and full column. The hovered cell itself is not highlighted, so its text remains easy to read.Moving the cursor to a different cell shifts the highlight to that cell.
When Focus cell is enabled, clicking a data, total, or subtotal cell pins the highlight at that position. The pinned highlight remains visible even after the cursor moves away. It uses a stronger shade than the hover highlight, making it easy to distinguish.To move the pin, click a different cell. To clear it entirely, press Escape. There is only one pinned cell per widget at a time.
The shape controls which part of the table is highlighted when clicking a cell. The hover highlight always shows the full crosshair regardless of this setting. There are three options:
Row and column: highlights both the full row and the full column. This is the default.
Row only: highlights only the full row.
Column only: highlights only the full column.
The shape can be set as a user preference that applies to all table widgets, or overridden for a specific widget.To change the highlight shape as a user preference:
The Focus color setting controls the color used for both the hover highlight and the pinned highlight. It is a user preference set in the Settings popup. There is no per-widget override for the color. The default is yellow.To change the highlight color: