A simple VS Code extension that views CSV files as formatted HTML tables.
GitHub Repository
Features
- Opens
.csv files in a readonly custom editor.
- Formats data into a sortable-looking HTML table (sorting implementation pending).
- Handles quoted fields correctly.
- Color Customization: Customize header, text, grid, and value colors via the Settings menu.
- Performance: Handles large CSV files efficiently using client-side pagination (100 rows per page).
- File Support: Opens both
.csv and .xlsx files.
- Customizable Rows: Adjust the number of rows per page via Settings (default 1000).
Sample CSV
The extension includes a sample.csv file to demonstrate the formatting:
id,name,role,salary
1,Alice,Engineer,120000
2,Bob,Manager,150000
3,Charlie,Designer,110000
4,Dave,Intern,60000
5,Eve,"Security, Specialist",130000
Turns into:
Color Customization
Click the Gear Icon (⚙️) in the top-right corner of the editor to open the settings panel. You can customize:
- Header Background
- Header Text Color
- Grid Lines
- Value Text Color
Changes are saved automatically to your VS Code settings (settings.json).
Change Log
0.0.11
- Performance: Added 300ms debounce to live editing changes to prevent CPU and editor typing lag.
- Performance: Optimized settings updates to use webview messaging, avoiding full file re-reads and iframe reloads on color settings changes.
- UX Improvements: Split color picker events so dragging provides instant local visual previews, while disk configuration writes only commit when the picker is closed.
- Bug Fixes: Resolved crash and negative row count formatting issues with empty or single-row CSV files.
- Bug Fixes: Added runtime theme CSS variable resolution for color picker inputs, preventing theme colors from defaulting to black.
0.0.10
- Features: Added
rowsPerPage setting (default 1000) with a UI control in the settings panel.
- Package Size: ~4.5 MB (due to
xlsx dependency).
0.0.9
- Features: Added support for
.xlsx Excel files.
0.0.8
- Added Change Log text to README.
0.0.7
- Performance: Implemented client-side pagination to handle large CSV files (e.g., 10MB+) without freezing.
- Navigation: Added "Previous" and "Next" buttons for table navigation.
0.0.6
- Features: Added Color Customization settings for headers, grid lines, and text.
- Documentation: Updated README with Color Customization instructions.
0.0.1 - 0.0.5
- Initial release and styling improvements.
