Skip to content
| Marketplace
Sign in
Visual Studio Code>Data Science>TabulifyNew to Visual Studio Code? Get it now.
Tabulify

Tabulify

ranjith

|
59 installs
| (0) | Free
View delimited text files (such as CSV, TSV) in a clear, readable table format
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tabulify - View, Edit delimited file data

A Visual Studio Code extension that provides a clear, readable table view for text files with delimiter (such as CSV, TSV etc) with advanced features for data presentation.

Features

🔍 Clear Data Presentation

  • View files with delimiter (such as CSV) in a clean, formatted table with proper column alignment
  • Distinct color coding for each column to improve readability
  • Automatic theme integration (supports both light and dark VS Code themes)
  • Support for files with or without headers
  • Support for various delimiters including escaped delimiters such as tab (\t), new line (\n, \r, \r\n), backspace (\b), form-feed (\f), vertical tab (\v), null character (\0), backslash (\)

✏️ Edit Mode

  • Inline editing of cell values directly within the table

📏 Flexible Column Management

  • Automatic column width calculation based on content
  • Resizable columns by dragging column dividers
  • Proper text wrapping to prevent horizontal overflow

📋 Smart Content Handling

  • Truncation of large cell content (>3 lines) with "Show More" links. Modal dialog for viewing full text content
  • Robust file parsing that handles:
    • Quoted and unquoted fields
    • Commas and newlines within quoted fields
    • Escaped quotes
    • Files with varying column counts per row

✂️ Selection and Copying

  • Single row selection by clicking
  • Multi-row selection with Ctrl+Click
  • Range selection with Shift+Click
  • Select all rows with Ctrl+A
  • Copy selected rows (or Ctrl+C) to clipboard in original format

Usage

Opening Files

Drag and drop or open file in the VS Code editor and follow any of the below techniques to view the data.

  1. Right-click method: Right-click any delimited file in the Explorer and select "Open as Table"
  2. Command Palette: Use Ctrl+Shift+P and search for "Tabulify: Open as Table"
  3. Editor title: Click the "Open as Table" button in the editor title bar when viewing a delimited file

Quick Demo

Sample View (Dark Mode)

Sample Edit (Dark Mode)

Sample View (Light Mode)

Keyboard Shortcuts

  • Ctrl+A - Select all rows
  • Ctrl+C - Copy selected rows
  • F2 - Toggle edit mode on
  • Ctrl+S - Save changes (when in edit mode)
  • Escape - Cancel edit mode

Requirements

  • Visual Studio Code version 1.103.0 or higher

Extension Settings

This extension contributes the following commands:

  • fileViewer.openAsTable: Open the current file as a table view

Others

  • Very large files may experience performance issues
  • Virtual scrolling for extremely large datasets is planned for future releases
  • For any new issues or feature requests, please open a GitHub issue. And don't forget to star the repository!

Release Notes

0.0.5

Performance improvements:

  • Toggle edit mode rendering is now faster
  • More keyboard shortcut support for edit mode

0.0.4

Minor updates:

  • Doc updates

0.0.3

Edit Mode:

  • Added support for editing cell values directly in the table view

Other:

  • Scrollable container for large cell values (removed modal)
  • Fix issues around styling
  • Code cleanup

0.0.2

Minor fixes:

  • Fix issues around copying headerless
  • Code cleanup

0.0.1

Initial release of File Viewer:

  • Basic table rendering with sticky headers
  • Column resizing and text wrapping
  • Row selection and copying
  • Modal dialogs for large text content
  • Theme integration

Enjoy exploring your file data in a beautiful, readable format! 📊

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft