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.
Right-click method: Right-click any delimited file in the Explorer and select "Open as Table"
Command Palette: Use Ctrl+Shift+P and search for "Tabulify: Open as Table"
Editor title: Click the "Open as Table" button in the editor title bar when viewing a delimited file
Quick Demo
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! 📊