Carrier☉Shipped 2025

Data that fits in your hand

The Problem

Complex data, small screens

Carrier products relied heavily on a third-party table pattern (AgGrid) to display critical datasets like device listings, user permissions, and alarm codes. While AgGrid was feature-rich on desktop, it failed on mobile forcing technicians to scroll sideways to access vital information, slowing them down in the field.

Beyond usability, the component posed a financial burden: every engineer required a separate license, increasing long-term cost across product teams.

The Challenge

Balancing flexibility and feasibility

To improve table responsiveness on smaller screens, we evaluated several approaches, including horizontal scrolling, column prioritization, condensed views, and a column-tagging system that gave designers more control over content placement and order. While each direction showed promise, all came with tradeoffs—either reducing readability or adding complexity for engineering implementation.

The Solution

A responsive DataGrid pattern

We created a new Carrier-owned Table-to-Tile DataGrid pattern that adapts to any screen size.

On mobile, tabular data is transformed into vertically stacked tiles to resemble a list view.

Critical columns are shown upfront, with secondary data tucked into an expandable overflow drawer.

Built-in filtering and sorting improve usability.

Grouping (now in progress) ensure parity with desktop workflows.

The Outcome

Designed for the field, built for scale

The new DataGrid offers a fast, readable, and flexible alternative to AgGrid—designed specifically for the needs of on-the-go users. It allows:

• Easier scanning and interaction in the field
• Streamlined engineering implementation
• Elimination of third-party licensing costs

The pattern is now a scalable foundation for any data-heavy workflow across Carrier products.