Quick Data Table: Interactive CSV, TSV & JSON Grid 📊
Lightning-fast interactive data grid viewer with column sorting, live fuzzy search, pagination, and 1-click Markdown / JSON exports for VS Code!
Never leave VS Code to open Excel or online formatters again.
📊 Why Quick Data Table?
Opening a .csv, .tsv, or large .json file in VS Code usually displays thousands of lines of raw, comma-separated text. Understanding data structures, sorting columns, or filtering rows requires leaving your editor to launch heavy spreadsheet software.
Quick Data Table brings instant, native spreadsheet visualization right inside your editor:
- ⚡ 1-Click Table View: Click the table icon in the top editor bar or press
Alt + Shift + T to view any CSV, TSV, or JSON file as a beautiful interactive grid.
- 🔍 Real-Time Fuzzy Search: Filter through thousands of rows instantaneously as you type.
- ↕️ Multi-Type Column Sorting: Sort by string, numeric values, or dates with a single header click.
- 📑 Fast Pagination: Smooth, lag-free navigation across 15, 25, 50, 100, or all rows.
- 📋 1-Click Markdown Export: Instantly convert datasets into clean GitHub-flavored Markdown tables for documentation and PR descriptions.
- 🔄 Bidirectional JSON & CSV Conversion: Export table subsets directly to formatted JSON documents or CSV files.
🌟 Key Features
1. ⚡ Native VS Code UI & Theme Integration
Quick Data Table seamlessly adapts to your active VS Code theme (Dark+, Light+, Solarized, GitHub Dark, Monokai, etc.) using native theme tokens.
2. 🔍 Instant Global Search
Type any keyword in the search bar to filter across all columns simultaneously. Live badge stats show the matching row count in real time (e.g. 15 of 200 rows filtered).
3. ↕️ Intelligent Column Sorting
- Click 1: Sort Ascending (▲)
- Click 2: Sort Descending (▼)
- Click 3: Reset to original file order
Automatically detects numeric columns (1, 2, 10 instead of alphabetical 1, 10, 2).
4. 📋 1-Click Markdown Table Copy
Need to paste a table into a GitHub Pull Request, Jira ticket, or README.md? Click "Copy Markdown" and paste clean, formatted markdown table syntax anywhere!
5. 🗂️ Custom Editor Support
Right-click any .csv or .tsv in the Explorer and choose "Open With... -> Quick Data Table Viewer" to make it your default data viewer!
⌨️ Keyboard Shortcuts & Commands
| Command |
Shortcut |
Description |
| View as Interactive Table |
Alt + Shift + T / Cmd + Shift + T |
Opens active CSV/TSV/JSON file in the interactive data table |
| Copy as Markdown Table |
Via Command Palette |
Copies current tabular file directly as a GitHub Markdown table |
| Convert CSV/TSV to JSON |
Via Command Palette |
Converts delimited file into a structured JSON array |
⚙️ Configuration
Customize table defaults in VS Code Settings (Ctrl + , / Cmd + ,):
{
// Default rows displayed per page
"quickDataTable.defaultPageSize": 25,
// Show automatic row numbering column (#)
"quickDataTable.enableRowNumbers": true
}
👨💻 Author & Connect
Developed with ❤️ by Pirapaakaran Pirathapan.
If you find this extension helpful, please consider leaving a ⭐⭐⭐⭐⭐ review on the VS Code Marketplace!
📄 License
MIT License © 2026 Pirapaakaran Pirathapan.
