: Used for aligning cell content at the top so that if one column has more text than others, the row remains readable.
: Use the @ symbol in Cursor to reference specific CSS files when asking the AI to refactor report styles. .cg3YPuR2 { vertical-align:top; cursor: pointe...
: This changes the mouse cursor to a "hand" icon, signaling to the user that the element is clickable or interactive. In a report context, this typically suggests that clicking the item will trigger an action, such as opening a drill-down report, a detail view, or sorting data. Use Cases in Reporting Tools : Used for aligning cell content at the
: Changing the cursor to a pointer for clickable header rows or data cells to indicate navigation or sorting capabilities. In a report context, this typically suggests that
: This ensures that text or elements within a container (like a table cell or a reporting block) are aligned to the top edge. This is frequently used in reports to keep multi-line data points aligned correctly across rows.
: Managing how the "insertion point" or cursor behaves when editing data fields directly within a report view. Related Coding Best Practices
Classes like this are commonly generated by modern reporting frameworks or low-code platforms (e.g., Oracle APEX or Crystal Reports ) to standardise UI components: