CodeDB includes a built-in CSV and TSV viewer that renders tabular data as an interactive table with virtual scrolling for large datasets.

When you open a .csv or .tsv file, CodeDB automatically shows it in Table view instead of the raw text editor. The viewer detects the delimiter based on file extension:

• .csv files use comma (,) as delimiter
• .tsv files use tab as delimiter

Three view modes are available via the toolbar at the top of the editor:

You can set the default view mode in Settings (⌘,). Options:

• Table (default) — opens CSV/TSV files in table view
• Raw — opens in the text editor
• Edit — opens in editable text mode

CodeDB can color-code table columns for easier reading. Configure this in Settings:

Eight distinct color hues cycle across columns for visual differentiation.

The CSV viewer uses virtual scrolling to handle large datasets efficiently. Files with 100,000+ rows render smoothly because only visible rows are added to the DOM.

• Scroll normally — rows render on demand
• The info bar shows total row and column counts
• Import supports files up to 50 MB

1. Switch to Edit mode using the toolbar
2. Modify the raw text in the Monaco editor
3. Switch back to Table mode to see the updated table
4. Changes are automatically saved to the database

Tip: The file content is the single source of truth. Edits in Raw or Edit mode are reflected when you switch back to Table view.