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.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.
