Data Browser

Pro plan required. Browse your Supabase tables in a familiar spreadsheet layout. The Data Browser gives you a direct view of the data in your database — no SQL required.

​

Table List

The left sidebar shows all the tables in your Supabase database. Click any table name to load its data in the main view. Tables are listed alphabetically. If your project has a lot of tables, you can scroll through the sidebar to find the one you need. The currently selected table is highlighted so you always know what you’re looking at. You’ll see both tables you created through the AI and any tables that Supabase creates automatically (like auth.users for authentication). The sidebar gives you a complete picture of your database structure at a glance.

​

Data Grid

Your table data is displayed in a grid layout that works like a spreadsheet: The grid gives you a quick read of your data at a glance. You can see field values, spot patterns, and identify issues without writing any queries.

​

How Data Types Display

Different column types render differently in the grid:

​

Searching and Filtering

Find the data you need without scrolling through hundreds of rows.

​

Search

Use the search field to find specific values within the table. This searches across all visible columns so you can locate records quickly. Whether you’re looking for a specific user email, a post title, or an order ID, search gets you there fast.

​

Sort

Click any column header to sort by that column. Click again to reverse the sort direction. Sorting helps you find the newest records, the highest values, or spot outliers. Common sorting patterns:

• Sort by created_at descending — See the newest records first
• Sort by name ascending — Alphabetical browsing
• Sort by count or amount descending — Find the highest values

​

Filter

Filter rows by column values to narrow down what you see. This is useful when you only want to look at a subset of your data — for example, all users who signed up this month, or all posts with a specific status. Filters are applied instantly, so you can refine your view in real time without waiting for a page reload.

​

Row Inspector

Click any row to open the Row Inspector and see its full details. This is especially useful for:

• Long text fields that get truncated in the grid view
• JSON columns that need more space to read
• Related data where you want to see all fields at once
• Timestamps and other values that benefit from a larger display
• Array fields that are hard to read in a single grid cell

The Row Inspector shows every field in the row with its complete value, so you never have to guess what was cut off in the grid.

​

Common Use Cases

Here are the situations where the Data Browser is most valuable:

• Verify AI-created data — After asking the AI to seed sample data, check that it looks right
• Debug issues — When your app isn’t showing the right data, check what’s actually in the database
• Monitor activity — Watch for new rows appearing as users interact with your app
• Spot data problems — Find null values, duplicates, or unexpected entries
• Check relationships — Verify that foreign key values match the expected parent records
• Validate migrations — After applying a migration, confirm the data looks correct

​

Example: Debugging a Missing Record

Say your app should display a user’s profile but the page is blank. Here’s how you’d use the Data Browser:

1. Open the Data Browser and select the users table
2. Search for the user by email or name
3. Check if the record exists at all
4. If it exists, look at the fields — is something null that shouldn’t be?
5. Check related tables (like profiles) to see if the join data is there

This kind of quick investigation saves you from guessing and gets you to the root cause fast.

​

Example: Verifying AI-Generated Seed Data

After asking the AI to “add 20 sample products with realistic names and prices,” use the Data Browser to verify:

1. Open the products table
2. Check that there are 20 rows
3. Sort by price to make sure values are realistic (not all the same)
4. Look at name values to confirm they’re varied and make sense
5. Check that created_at timestamps were set correctly

If anything looks off, you can tell the AI exactly what to fix based on what you see.

​

Keyboard Shortcuts

The Data Browser supports keyboard navigation for faster browsing:

​

Performance Notes

The Data Browser is designed to handle tables of any size. For very large tables (tens of thousands of rows or more), pagination keeps the view responsive. You won’t load all rows at once — the browser fetches pages as you navigate. If a table has many columns, horizontal scrolling keeps the layout clean. Column widths adjust automatically based on content, but you can scroll to see everything.

​

Related