Quickly Transform Raw CSV Data into Interactive, Sortable Tables inside VS Code.
This extension is designed for data analysts and developers who need to inspect and analyze CSV file content without leaving the editor. It renders large .csv files as a highly interactive, responsive HTML table view directly within a VS Code Webview panel.
Key Features
Interactive Filtering: Easily filter rows in real-time based on column values using a simple text search bar.
Smart Type Sorting: Sort any column quickly in ascending or descending order, with dedicated logic for three data types:
Numerical Data: Correctly sorts columns containing integers and decimals.
Text (String) Data: Standard alphabetical sorting.
Advanced Date Handling: Correctly identifies and sorts dates in standard ISO (YYYY-MM-DD) and common European formats (e.g., DD/MM/YYYY, DD-MM-YYYY).
Seamless Theme Integration: The table viewer automatically adapts its colors and styling to match your current VS Code theme (light, dark, or high-contrast) for a polished, native look.
Delimiter Flexibility: Automatically detects and handles both comma (,) and semicolon (;) delimiters.
Quick Access: Access the viewer immediately via the Command Palette, Editor Title menu, or the Right-Click Context menu.
How to Use
1. Installation
Open Visual Studio Code.
Go to the Extensions view (Ctrl+Shift+X).
Search for CSV Table Viewer.
Click Install.
2. Opening the Viewer
Once installed, open a .csv file in your editor. You can launch the table view in two ways:
A. Command Palette
Open the Command Palette (Ctrl+Shift+P).
Type and select: CSV Viewer: Open CSV as Table.
B. Push Notification Button
After opening a .csv file, look for a pop-up notification at the bottom right corner of the editor.
Click the Open CSV as Table button in the notification to launch the table viewer.
Development & Contribution
Contributions, bug reports, and feature suggestions are highly welcome!
Prerequisites
Node.js (LTS recommended)
npm or yarn
Building and Running Locally
Clone the repository:
git clone [Your Repository URL]
cd csv-table-viewer
Install dependencies and compile:
npm install
npm run compile
Launch the extension:
Press F5 in VS Code to open a new Extension Development Host window.
Open a .csv file in the new window and run the Open CSV as Table command to test your changes.
License
This project is licensed under the MIT License. See the LICENSE file for details.
