Seamlessly Display and Edit CSVs in Visual Studio Code
- Edit Cells Directly: Click on any cell to edit its content in place. Changes are saved automatically to your CSV file.
- Smart Column Resizing: Column widths adjust automatically based on the length of the content for better readability.
- Dynamic Color Coding: Columns are color-coded to distinguish them visually. Colors adapt to your light or dark theme.
- Sticky Headers: The first row (header) remains visible as you scroll, ensuring column titles are always accessible.
- Optimized for Themes: Colors and styles are tailored to match your current VS Code theme (light or dark mode).
- Improved Navigation:
- Tab Navigation: Press
Tabto move horizontally to the next cell. Automatically wraps to the next row if necessary. - Shift + Tab: Navigate backward to the previous cell.
- Tab Navigation: Press
- Preserves CSV Integrity: All edits strictly adhere to the CSV format without adding extra characters or spaces.
- Enhanced Readability:
- Consistent row and header coloring.
- Mid-tone gridlines (
#ccc) for a clean, organized look.
- Clipboard Integration: Copy selected cells as CSV directly to the clipboard using
Ctrl + C(orCmd + Con macOS). - Column Type Detection: Automatically detects and highlights data types (e.g., boolean, date, float, integer, etc.) with corresponding color codes.
- Efficient Multi-Cell Selection: Click and drag or use
Shift + Clickto select a range of cells for copying. - Error-Free Editing: Handles special characters like quotes, commas, and backslashes correctly during editing.
- Open Visual Studio Code.
- Go to the Extensions view (
Ctrl+Shift+XorCmd+Shift+Xon macOS). - Search for
CSVand click Install.
- Open any
.csvfile in Visual Studio Code. - The file will automatically use the CSV editor.
- Click to Edit: Click on any cell to start editing. After making changes:
- Press
Enteror click outside the cell to save.
- Press
- Keyboard Navigation:
- Press
Tabto move to the next cell (wraps to the next row if necessary). - Press
Shift + Tabto move to the previous cell.
- Press
- Use the mouse or keyboard to scroll. The header row stays fixed for reference.
- Switch between light and dark themes in VS Code to see how column colors adapt for readability.
- Copy: Copying a group of cells sometimes fails.
- Large CSV Files: Performance might degrade for files with thousands of rows. Best suited for medium-sized datasets.
- Insert Row Or Column
- Drag-and-Drop Support: Move rows or columns dynamically.
- New: Multi-cell selection and
Shift + Clickfor selecting a range of cells. - Enhanced: Clipboard integration for copying selected cells as CSV directly.
- Improved: Better handling of special characters like quotes, commas, and backslashes during editing.
- Added: Column type detection and color-coded highlighting for boolean, date, float, integer, and string types.
- Refined: Optimized update mechanism for external document changes without disrupting user edits.
- Improved: Smooth activation of editing mode when clicking on cells.
- Fixed:
TabandShift + Tabnavigation now works seamlessly across rows and columns. - Updated: Sticky headers now have a consistent background color matching the theme.
- Enhanced: Auto-sizing columns based on content length.
- Fixed: Persistent cell coloring and improved gridlines for better readability.
- Initial release with editable fields, sticky headers, automatic column sizing, and adaptive themes.
Encountered an issue? Have a suggestion? Let us know!
- Open an issue on GitHub.
This extension is licensed under the MIT License.