Data Grid screen examples

Alloy

Table view where the user manages a list of features, with options to switch layout views, filter data, and connect to Linear.

• Table
• Filter & Sort

Appwrite

Database table view where the user manages rows, with active CSV export notifications and progress visible.

• Table
• Upload & Download

Navattic

Analytics dashboard showing a loading skeleton state with an inline banner prompting the user to upgrade for advanced analytics features.

• Dashboard
• Table

Bird

List view where the user manages company records, featuring an active filter builder with an open dropdown to select attributes.

• Table
• Filter & Sort

Dovetail

List view where the user browses and manages project data, including imported reports and product feedback, with a floating action button to chat with the data.

• Files
• AI Chat

Whop

List view where the user manages customer invoices, with options to filter by status or collection method, create new invoices, and perform row-level actions like downloading PDFs or copying links.

• Table
• Filter & Sort

Lightfield

List view where the user manages their CRM contacts via a data table with sorting and filtering options.

• Table
• Filter & Sort

Fabric

Data table displaying a timeline of files, notes, and bookmarks where the user is adjusting column visibility via an open dropdown menu.

• Table
• Filter & Sort

Okta

Table editor where the user can view, filter, and manage records with columns like rowId and updated.

• Table
• Filter & Sort

Typeform

List view where the user reviews individual form submissions, with options to search, filter, and adjust column settings.

• Table
• Filter & Sort

Attio

Data table view where the user manages a list of companies with columns for categories, connection strength, and social links.

• Table
• Filter & Sort

Anara

List view where the user manages their library of documents, notes, and chats, with an open display options popover to configure table columns.

• Files
• Table