jupyterlab_tabular_data_viewer_extension 1.6.2 → 1.6.10

package/README.md

@@ -31,7 +31,7 @@ View and browse Parquet, Excel, CSV, and TSV files directly in JupyterLab. Doubl
 
 ![Copy Row as JSON](.resources/screenshot-copy-json.png)
 
-**Download filtered data:** Right-click on the viewer to download filtered and sorted data in your choice of format - original, Excel, or CSV.
+**Export:** Click the **Export** link in the status bar (or right-click on the viewer) to export the current view in your choice of format - original, Excel (.xlsx), CSV, Parquet (.parquet), or JSONL (.jsonl). When filters are active, the export popup notes that only filtered rows will be exported.
 
 ![Download Filtered Data](.resources/screenshot-download-filtered.png)
 
@@ -40,7 +40,7 @@ View and browse Parquet, Excel, CSV, and TSV files directly in JupyterLab. Doubl
 **Supported File Formats:**
 
 - **Parquet files** (.parquet) - Full support with efficient columnar data reading
-- **Excel files** (.xlsx) - Reads first worksheet only (the other sheets are just jealous). Excel files must be simple tabular data without merged cells, complex formulas, or advanced formatting. Files with these features may not display correctly or fail to load
+- **Excel files** (.xlsx) - Multi-sheet support: a sheet bar appears at the bottom for workbooks with more than one sheet, and switching sheets resets all filters/sort/selection (each sheet behaves like a separate file). Mixed-type columns (e.g. integers and strings in the same column) are handled via per-column cascading type inference rather than failing to open. Excel files must still be simple tabular data without merged cells, complex formulas, or advanced formatting
 - **CSV files** (.csv) - Comma-separated values with UTF-8 encoding (fallback to latin1)
 - **TSV files** (.tsv) - Tab-separated values with UTF-8 encoding (fallback to latin1)
 
@@ -69,7 +69,7 @@ View and browse Parquet, Excel, CSV, and TSV files directly in JupyterLab. Doubl
 **Additional features:**
 
 - Column statistics modal - View comprehensive statistics including data type, row counts, null values, unique counts, and type-specific metrics (numeric: min/max/mean/median/std dev/outliers; string: most common value/length stats; date: earliest/latest dates). Includes scrollable list of unique values sorted by frequency with counts and percentages. Copy statistics as JSON with one click
-- Download filtered data - Right-click on viewer to download data with current filters and sorting applied. Choose between original format, Excel (.xlsx), or CSV. Downloads preserve all active filters, sort order, and selected rows
+- Export - **Export** link in the status bar (or right-click on the viewer) opens a format picker: original, Excel (.xlsx), CSV, Parquet (.parquet), or JSONL (.jsonl). Exports preserve active filters and sort order. Filename includes the slugified sheet name for multi-sheet Excel and a `_filtered` suffix when filters are applied
 - Right-click context menu on rows to copy data as JSON
 - Refresh view - Right-click on viewer and select "Refresh View" to reload data from file while preserving scroll position, filters, and sorting
 - Cell text truncation - Configurable maximum character limit for cell display (default: 100 characters). Text longer than limit shows "..." ellipsis. Set to 0 for unlimited display
@@ -107,4 +107,3 @@ Configure extension behavior through JupyterLab Settings:
    - **Maximum Unique Values** - Default: 100. Maximum number of unique values to display in filter dialog and column statistics. Set to 0 for no limit
 
 When a file type is disabled, files open with JupyterLab's default handler instead.
-

package/lib/index.js

@@ -101,8 +101,8 @@ const plugin = {
         // Download command
         const downloadCommand = 'tabular-data-viewer:download';
         commands.addCommand(downloadCommand, {
-            label: 'Download Filtered Data',
-            caption: 'Download filtered and sorted data in various formats',
+            label: 'Export',
+            caption: 'Export the current view in various formats',
             isEnabled: () => {
                 return activeWidget !== null;
             },

package/lib/modal.d.ts

@@ -83,7 +83,8 @@ export declare class FilterModal extends Widget {
  */
 export declare class DownloadModal extends Widget {
     private _onDownload;
-    constructor(onDownload: (format: string) => void);
+    private _hasFilters;
+    constructor(onDownload: (format: string) => void, hasFilters?: boolean);
     /**
      * Render the modal content
      */

package/lib/modal.js

@@ -416,9 +416,10 @@ export class FilterModal extends Widget {
  * Modal dialog widget for selecting download format
  */
 export class DownloadModal extends Widget {
-    constructor(onDownload) {
+    constructor(onDownload, hasFilters = false) {
         super();
         this._onDownload = onDownload;
+        this._hasFilters = hasFilters;
         this.addClass('jp-FilterModal');
         this._render();
         this._setupEventListeners();
@@ -433,7 +434,7 @@ export class DownloadModal extends Widget {
         const header = document.createElement('div');
         header.className = 'jp-FilterModal-header';
         const title = document.createElement('h3');
-        title.textContent = 'Download Filtered Data';
+        title.textContent = 'Export';
         const closeBtn = document.createElement('button');
         closeBtn.className = 'jp-FilterModal-close';
         closeBtn.textContent = '×';
@@ -441,6 +442,14 @@ export class DownloadModal extends Widget {
         header.appendChild(title);
         header.appendChild(closeBtn);
         content.appendChild(header);
+        // Filter notice (only when filters are active)
+        if (this._hasFilters) {
+            const notice = document.createElement('div');
+            notice.className = 'jp-FilterModal-notice';
+            notice.textContent =
+                'Filters are active - export will include only the filtered rows.';
+            content.appendChild(notice);
+        }
         // Format buttons
         const buttonsDiv = document.createElement('div');
         buttonsDiv.className = 'jp-FilterModal-buttons';
@@ -450,6 +459,10 @@ export class DownloadModal extends Widget {
         buttonsDiv.appendChild(excelBtn);
         const csvBtn = this._createFormatButton('Download as CSV', 'csv');
         buttonsDiv.appendChild(csvBtn);
+        const parquetBtn = this._createFormatButton('Download as Parquet (.parquet)', 'parquet');
+        buttonsDiv.appendChild(parquetBtn);
+        const jsonlBtn = this._createFormatButton('Download as JSONL (.jsonl)', 'jsonl');
+        buttonsDiv.appendChild(jsonlBtn);
         content.appendChild(buttonsDiv);
         // Cancel button
         const cancelDiv = document.createElement('div');

package/lib/request.d.ts

@@ -42,9 +42,10 @@ export interface IColumnStats {
  *
  * @param filePath Path to the data file
  * @param columnName Name of column to analyze
+ * @param sheet Active sheet name (optional, multi-sheet Excel only)
  * @returns Column statistics
  */
-export declare function fetchColumnStats(filePath: string, columnName: string): Promise<IColumnStats>;
+export declare function fetchColumnStats(filePath: string, columnName: string, sheet?: string | null): Promise<IColumnStats>;
 /**
  * Unique values interface
  */
@@ -59,6 +60,8 @@ export interface IUniqueValues {
  *
  * @param filePath Path to the data file
  * @param columnName Name of column to get unique values for
+ * @param limit Maximum number of unique values to return
+ * @param sheet Active sheet name (optional, multi-sheet Excel only)
  * @returns Unique values
  */
-export declare function fetchUniqueValues(filePath: string, columnName: string, limit?: number): Promise<IUniqueValues>;
+export declare function fetchUniqueValues(filePath: string, columnName: string, limit?: number, sheet?: string | null): Promise<IUniqueValues>;

package/lib/request.js

@@ -38,15 +38,20 @@ export async function requestAPI(endPoint = '', init = {}) {
  *
  * @param filePath Path to the data file
  * @param columnName Name of column to analyze
+ * @param sheet Active sheet name (optional, multi-sheet Excel only)
  * @returns Column statistics
  */
-export async function fetchColumnStats(filePath, columnName) {
+export async function fetchColumnStats(filePath, columnName, sheet) {
+    const body = {
+        path: filePath,
+        columnName: columnName
+    };
+    if (sheet) {
+        body.sheet = sheet;
+    }
     return requestAPI('column-stats', {
         method: 'POST',
-        body: JSON.stringify({
-            path: filePath,
-            columnName: columnName
-        })
+        body: JSON.stringify(body)
     });
 }
 /**
@@ -54,15 +59,21 @@ export async function fetchColumnStats(filePath, columnName) {
  *
  * @param filePath Path to the data file
  * @param columnName Name of column to get unique values for
+ * @param limit Maximum number of unique values to return
+ * @param sheet Active sheet name (optional, multi-sheet Excel only)
  * @returns Unique values
  */
-export async function fetchUniqueValues(filePath, columnName, limit = 100) {
+export async function fetchUniqueValues(filePath, columnName, limit = 100, sheet) {
+    const body = {
+        path: filePath,
+        columnName: columnName,
+        limit: limit
+    };
+    if (sheet) {
+        body.sheet = sheet;
+    }
     return requestAPI('unique-values', {
         method: 'POST',
-        body: JSON.stringify({
-            path: filePath,
-            columnName: columnName,
-            limit: limit
-        })
+        body: JSON.stringify(body)
     });
 }

package/lib/widget.d.ts

@@ -38,6 +38,9 @@ export declare class TabularDataViewer extends Widget {
     private _maxCellCharacters;
     private _maxUniqueValues;
     private _selectedRow;
+    private _sheets;
+    private _activeSheet;
+    private _sheetBar;
     constructor(filePath: string, setLastContextMenuRow: (row: any) => void, maxCellCharacters?: number, maxUniqueValues?: number);
     /**
      * Start observing for menu removal when context menu opens
@@ -61,7 +64,22 @@ export declare class TabularDataViewer extends Widget {
      */
     private _initialize;
     /**
-     * Load file metadata (columns, types, row count)
+     * Render the sheet bar. Visible only when the file has more than one sheet.
+     * Each sheet is a button; the active one carries `jp-mod-active`.
+     */
+    private _renderSheetBar;
+    /**
+     * Switch to a different sheet. Resets all user state and reloads metadata
+     * + data so the experience matches "opening a new file".
+     */
+    private _switchSheet;
+    /**
+     * Reset all user-applied state (filters, sort, selection, scroll position,
+     * column widths, paging cursor). Used when switching sheets.
+     */
+    private _resetState;
+    /**
+     * Load file metadata (columns, types, row count, sheets)
      */
     private _loadMetadata;
     /**

package/lib/widget.js

@@ -31,6 +31,8 @@ export class TabularDataViewer extends Widget {
         this._maxCellCharacters = 100;
         this._maxUniqueValues = 100;
         this._selectedRow = null;
+        this._sheets = [];
+        this._activeSheet = null;
         /**
          * Handle column resize drag
          */
@@ -147,8 +149,13 @@ export class TabularDataViewer extends Widget {
         this._statusBar.appendChild(this._statusLeft);
         this._statusBar.appendChild(statusMiddle);
         this._statusBar.appendChild(this._statusRight);
-        // Append table container and status bar directly to widget node
+        // Sheet bar (only shown when multi-sheet Excel; sits above status bar)
+        this._sheetBar = document.createElement('div');
+        this._sheetBar.className = 'jp-TabularDataViewer-sheetBar';
+        this._sheetBar.style.display = 'none';
+        // Append table container, sheet bar, status bar directly to widget node
         this.node.appendChild(this._tableContainer);
+        this.node.appendChild(this._sheetBar);
         this.node.appendChild(this._statusBar);
         // Set up scroll listener for progressive loading
         this._tableContainer.addEventListener('scroll', () => {
@@ -239,7 +246,8 @@ export class TabularDataViewer extends Widget {
      * Show download modal dialog
      */
     showDownloadModal() {
-        const modal = new DownloadModal((format) => this.downloadFilteredData(format));
+        const hasFilters = Object.keys(this._filters).length > 0;
+        const modal = new DownloadModal((format) => this.downloadFilteredData(format), hasFilters);
         modal.show();
     }
     /**
@@ -255,17 +263,86 @@ export class TabularDataViewer extends Widget {
         }
     }
     /**
-     * Load file metadata (columns, types, row count)
+     * Render the sheet bar. Visible only when the file has more than one sheet.
+     * Each sheet is a button; the active one carries `jp-mod-active`.
+     */
+    _renderSheetBar() {
+        this._sheetBar.innerHTML = '';
+        if (this._sheets.length <= 1) {
+            this._sheetBar.style.display = 'none';
+            return;
+        }
+        this._sheetBar.style.display = '';
+        for (const name of this._sheets) {
+            const tab = document.createElement('button');
+            tab.className = 'jp-TabularDataViewer-sheetTab';
+            if (name === this._activeSheet) {
+                tab.classList.add('jp-mod-active');
+            }
+            tab.textContent = name;
+            tab.title = name;
+            tab.addEventListener('click', () => this._switchSheet(name));
+            this._sheetBar.appendChild(tab);
+        }
+    }
+    /**
+     * Switch to a different sheet. Resets all user state and reloads metadata
+     * + data so the experience matches "opening a new file".
+     */
+    _switchSheet(name) {
+        if (name === this._activeSheet) {
+            return;
+        }
+        this._activeSheet = name;
+        this._resetState();
+        this._renderSheetBar();
+        this._initialize();
+    }
+    /**
+     * Reset all user-applied state (filters, sort, selection, scroll position,
+     * column widths, paging cursor). Used when switching sheets.
+     */
+    _resetState() {
+        this._filters = {};
+        this._sortBy = null;
+        this._sortOrder = 'asc';
+        this._caseInsensitive = false;
+        this._useRegex = false;
+        this._caseInsensitiveCheckbox.checked = false;
+        this._regexCheckbox.checked = false;
+        this._selectedRow = null;
+        this._currentOffset = 0;
+        this._data = [];
+        this._hasMore = true;
+        this._totalRows = 0;
+        this._unfilteredTotalRows = 0;
+        this._columnWidths.clear();
+        this._tbody.innerHTML = '';
+        this._tableContainer.scrollTop = 0;
+        this._tableContainer.scrollLeft = 0;
+    }
+    /**
+     * Load file metadata (columns, types, row count, sheets)
      */
     async _loadMetadata() {
+        const body = { path: this._filePath };
+        if (this._activeSheet) {
+            body.sheet = this._activeSheet;
+        }
         const response = await requestAPI('metadata', {
             method: 'POST',
-            body: JSON.stringify({ path: this._filePath })
+            body: JSON.stringify(body)
         });
         this._columns = response.columns;
         this._totalRows = response.totalRows;
         this._unfilteredTotalRows = response.totalRows;
         this._fileSize = response.fileSize || 0;
+        this._sheets = response.sheets || [];
+        // First load: pick the first sheet (if any) as active
+        if (this._activeSheet === null && this._sheets.length > 0) {
+            this._activeSheet = this._sheets[0];
+        }
+        this._renderSheetBar();
         this._renderHeaders();
         this._updateStatusBar();
     }
@@ -285,18 +362,22 @@ export class TabularDataViewer extends Widget {
                 this._tbody.innerHTML = '';
                 this._selectedRow = null; // Clear row selection on reset
             }
+            const dataBody = {
+                path: this._filePath,
+                offset: this._currentOffset,
+                limit: this._limit,
+                filters: this._filters,
+                sortBy: this._sortBy,
+                sortOrder: this._sortOrder,
+                caseInsensitive: this._caseInsensitive,
+                useRegex: this._useRegex
+            };
+            if (this._activeSheet) {
+                dataBody.sheet = this._activeSheet;
+            }
             const response = await requestAPI('data', {
                 method: 'POST',
-                body: JSON.stringify({
-                    path: this._filePath,
-                    offset: this._currentOffset,
-                    limit: this._limit,
-                    filters: this._filters,
-                    sortBy: this._sortBy,
-                    sortOrder: this._sortOrder,
-                    caseInsensitive: this._caseInsensitive,
-                    useRegex: this._useRegex
-                })
+                body: JSON.stringify(dataBody)
             });
             this._data = this._data.concat(response.data);
             this._hasMore = response.hasMore;
@@ -596,7 +677,7 @@ export class TabularDataViewer extends Widget {
     async _openFilterModal(columnName, filterInput, filterButton) {
         try {
             // Fetch unique values for this column with the limit from settings
-            const uniqueValues = await fetchUniqueValues(this._filePath, columnName, this._maxUniqueValues);
+            const uniqueValues = await fetchUniqueValues(this._filePath, columnName, this._maxUniqueValues, this._activeSheet);
             // Get current filter values if any
             const currentFilter = this._filters[columnName];
             const currentValueList = (currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.valueList) || [];
@@ -764,9 +845,9 @@ export class TabularDataViewer extends Widget {
     async _showColumnStats(columnName) {
         try {
             // Show loading indicator (we could add a spinner here)
-            const stats = await fetchColumnStats(this._filePath, columnName);
+            const stats = await fetchColumnStats(this._filePath, columnName, this._activeSheet);
             // Fetch unique values with the limit from settings
-            const uniqueValues = await fetchUniqueValues(this._filePath, columnName, this._maxUniqueValues);
+            const uniqueValues = await fetchUniqueValues(this._filePath, columnName, this._maxUniqueValues, this._activeSheet);
             const modal = new ColumnStatsModal(stats, uniqueValues);
             modal.show();
         }
@@ -812,8 +893,9 @@ export class TabularDataViewer extends Widget {
      * Format file size to human-readable string
      */
     _formatFileSize(bytes) {
-        if (bytes === 0)
+        if (bytes === 0) {
             return '0 B';
+        }
         const k = 1024;
         const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
         const i = Math.floor(Math.log(bytes) / Math.log(k));
@@ -839,6 +921,18 @@ export class TabularDataViewer extends Widget {
                 rightText += ` (${filterCount} filter${filterCount > 1 ? 's' : ''} active)`;
             }
             this._statusRight.innerHTML = rightText;
+            // Export link (always available; opens export popup)
+            const exportLink = document.createElement('a');
+            exportLink.href = '#';
+            exportLink.className = 'jp-TabularDataViewer-exportLink';
+            exportLink.textContent = 'Export';
+            exportLink.title = 'Export the current view';
+            exportLink.addEventListener('click', e => {
+                e.preventDefault();
+                this.showDownloadModal();
+            });
+            this._statusRight.appendChild(document.createTextNode(' • '));
+            this._statusRight.appendChild(exportLink);
             if (filterCount > 0) {
                 const clearLink = document.createElement('a');
                 clearLink.href = '#';
@@ -877,6 +971,10 @@ export class TabularDataViewer extends Widget {
             const params = new URLSearchParams();
             params.append('path', this._filePath);
             params.append('format', format);
+            // Active sheet (multi-sheet Excel only)
+            if (this._activeSheet) {
+                params.append('sheet', this._activeSheet);
+            }
             // Add filters
             if (Object.keys(this._filters).length > 0) {
                 params.append('filters', JSON.stringify(this._filters));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jupyterlab_tabular_data_viewer_extension",
-    "version": "1.6.2",
+    "version": "1.6.10",
     "description": "Jupyterlab extension to browse tabular data files (Parquet, Excel, CSV, TSV) with filtering and sorting capabilities",
     "keywords": [
         "jupyter",

package/src/index.ts

@@ -161,8 +161,8 @@ const plugin: JupyterFrontEndPlugin<void> = {
     // Download command
     const downloadCommand = 'tabular-data-viewer:download';
     commands.addCommand(downloadCommand, {
-      label: 'Download Filtered Data',
-      caption: 'Download filtered and sorted data in various formats',
+      label: 'Export',
+      caption: 'Export the current view in various formats',
       isEnabled: () => {
         return activeWidget !== null;
       },

package/src/modal.ts

@@ -508,10 +508,12 @@ export class FilterModal extends Widget {
  */
 export class DownloadModal extends Widget {
   private _onDownload: (format: string) => void;
+  private _hasFilters: boolean;
 
-  constructor(onDownload: (format: string) => void) {
+  constructor(onDownload: (format: string) => void, hasFilters = false) {
     super();
     this._onDownload = onDownload;
+    this._hasFilters = hasFilters;
     this.addClass('jp-FilterModal');
     this._render();
     this._setupEventListeners();
@@ -528,7 +530,7 @@ export class DownloadModal extends Widget {
     const header = document.createElement('div');
     header.className = 'jp-FilterModal-header';
     const title = document.createElement('h3');
-    title.textContent = 'Download Filtered Data';
+    title.textContent = 'Export';
     const closeBtn = document.createElement('button');
     closeBtn.className = 'jp-FilterModal-close';
     closeBtn.textContent = '×';
@@ -537,6 +539,15 @@ export class DownloadModal extends Widget {
     header.appendChild(closeBtn);
     content.appendChild(header);
 
+    // Filter notice (only when filters are active)
+    if (this._hasFilters) {
+      const notice = document.createElement('div');
+      notice.className = 'jp-FilterModal-notice';
+      notice.textContent =
+        'Filters are active - export will include only the filtered rows.';
+      content.appendChild(notice);
+    }
+
     // Format buttons
     const buttonsDiv = document.createElement('div');
     buttonsDiv.className = 'jp-FilterModal-buttons';
@@ -556,6 +567,18 @@ export class DownloadModal extends Widget {
     const csvBtn = this._createFormatButton('Download as CSV', 'csv');
     buttonsDiv.appendChild(csvBtn);
 
+    const parquetBtn = this._createFormatButton(
+      'Download as Parquet (.parquet)',
+      'parquet'
+    );
+    buttonsDiv.appendChild(parquetBtn);
+
+    const jsonlBtn = this._createFormatButton(
+      'Download as JSONL (.jsonl)',
+      'jsonl'
+    );
+    buttonsDiv.appendChild(jsonlBtn);
+
     content.appendChild(buttonsDiv);
 
     // Cancel button

package/src/request.ts

@@ -85,18 +85,24 @@ export interface IColumnStats {
  *
  * @param filePath Path to the data file
  * @param columnName Name of column to analyze
+ * @param sheet Active sheet name (optional, multi-sheet Excel only)
  * @returns Column statistics
  */
 export async function fetchColumnStats(
   filePath: string,
-  columnName: string
+  columnName: string,
+  sheet?: string | null
 ): Promise<IColumnStats> {
+  const body: Record<string, unknown> = {
+    path: filePath,
+    columnName: columnName
+  };
+  if (sheet) {
+    body.sheet = sheet;
+  }
   return requestAPI<IColumnStats>('column-stats', {
     method: 'POST',
-    body: JSON.stringify({
-      path: filePath,
-      columnName: columnName
-    })
+    body: JSON.stringify(body)
   });
 }
 
@@ -115,19 +121,26 @@ export interface IUniqueValues {
  *
  * @param filePath Path to the data file
  * @param columnName Name of column to get unique values for
+ * @param limit Maximum number of unique values to return
+ * @param sheet Active sheet name (optional, multi-sheet Excel only)
  * @returns Unique values
  */
 export async function fetchUniqueValues(
   filePath: string,
   columnName: string,
-  limit: number = 100
+  limit: number = 100,
+  sheet?: string | null
 ): Promise<IUniqueValues> {
+  const body: Record<string, unknown> = {
+    path: filePath,
+    columnName: columnName,
+    limit: limit
+  };
+  if (sheet) {
+    body.sheet = sheet;
+  }
   return requestAPI<IUniqueValues>('unique-values', {
     method: 'POST',
-    body: JSON.stringify({
-      path: filePath,
-      columnName: columnName,
-      limit: limit
-    })
+    body: JSON.stringify(body)
   });
 }

package/src/widget.ts

@@ -66,6 +66,9 @@ export class TabularDataViewer extends Widget {
   private _maxCellCharacters: number = 100;
   private _maxUniqueValues: number = 100;
   private _selectedRow: HTMLTableRowElement | null = null;
+  private _sheets: string[] = [];
+  private _activeSheet: string | null = null;
+  private _sheetBar: HTMLDivElement;
 
   constructor(
     filePath: string,
@@ -167,8 +170,14 @@ export class TabularDataViewer extends Widget {
     this._statusBar.appendChild(statusMiddle);
     this._statusBar.appendChild(this._statusRight);
 
-    // Append table container and status bar directly to widget node
+    // Sheet bar (only shown when multi-sheet Excel; sits above status bar)
+    this._sheetBar = document.createElement('div');
+    this._sheetBar.className = 'jp-TabularDataViewer-sheetBar';
+    this._sheetBar.style.display = 'none';
+
+    // Append table container, sheet bar, status bar directly to widget node
     this.node.appendChild(this._tableContainer);
+    this.node.appendChild(this._sheetBar);
     this.node.appendChild(this._statusBar);
 
     // Set up scroll listener for progressive loading
@@ -275,8 +284,10 @@ export class TabularDataViewer extends Widget {
    * Show download modal dialog
    */
   public showDownloadModal(): void {
-    const modal = new DownloadModal((format: string) =>
-      this.downloadFilteredData(format)
+    const hasFilters = Object.keys(this._filters).length > 0;
+    const modal = new DownloadModal(
+      (format: string) => this.downloadFilteredData(format),
+      hasFilters
     );
     modal.show();
   }
@@ -294,19 +305,96 @@ export class TabularDataViewer extends Widget {
   }
 
   /**
-   * Load file metadata (columns, types, row count)
+   * Render the sheet bar. Visible only when the file has more than one sheet.
+   * Each sheet is a button; the active one carries `jp-mod-active`.
+   */
+  private _renderSheetBar(): void {
+    this._sheetBar.innerHTML = '';
+
+    if (this._sheets.length <= 1) {
+      this._sheetBar.style.display = 'none';
+      return;
+    }
+
+    this._sheetBar.style.display = '';
+
+    for (const name of this._sheets) {
+      const tab = document.createElement('button');
+      tab.className = 'jp-TabularDataViewer-sheetTab';
+      if (name === this._activeSheet) {
+        tab.classList.add('jp-mod-active');
+      }
+      tab.textContent = name;
+      tab.title = name;
+      tab.addEventListener('click', () => this._switchSheet(name));
+      this._sheetBar.appendChild(tab);
+    }
+  }
+
+  /**
+   * Switch to a different sheet. Resets all user state and reloads metadata
+   * + data so the experience matches "opening a new file".
+   */
+  private _switchSheet(name: string): void {
+    if (name === this._activeSheet) {
+      return;
+    }
+    this._activeSheet = name;
+    this._resetState();
+    this._renderSheetBar();
+    this._initialize();
+  }
+
+  /**
+   * Reset all user-applied state (filters, sort, selection, scroll position,
+   * column widths, paging cursor). Used when switching sheets.
+   */
+  private _resetState(): void {
+    this._filters = {};
+    this._sortBy = null;
+    this._sortOrder = 'asc';
+    this._caseInsensitive = false;
+    this._useRegex = false;
+    this._caseInsensitiveCheckbox.checked = false;
+    this._regexCheckbox.checked = false;
+    this._selectedRow = null;
+    this._currentOffset = 0;
+    this._data = [];
+    this._hasMore = true;
+    this._totalRows = 0;
+    this._unfilteredTotalRows = 0;
+    this._columnWidths.clear();
+    this._tbody.innerHTML = '';
+    this._tableContainer.scrollTop = 0;
+    this._tableContainer.scrollLeft = 0;
+  }
+
+  /**
+   * Load file metadata (columns, types, row count, sheets)
    */
   private async _loadMetadata(): Promise<void> {
+    const body: Record<string, unknown> = { path: this._filePath };
+    if (this._activeSheet) {
+      body.sheet = this._activeSheet;
+    }
+
     const response = await requestAPI<any>('metadata', {
       method: 'POST',
-      body: JSON.stringify({ path: this._filePath })
+      body: JSON.stringify(body)
     });
 
     this._columns = response.columns;
     this._totalRows = response.totalRows;
     this._unfilteredTotalRows = response.totalRows;
     this._fileSize = response.fileSize || 0;
+    this._sheets = response.sheets || [];
 
+    // First load: pick the first sheet (if any) as active
+    if (this._activeSheet === null && this._sheets.length > 0) {
+      this._activeSheet = this._sheets[0];
+    }
+
+    this._renderSheetBar();
     this._renderHeaders();
     this._updateStatusBar();
   }
@@ -330,18 +418,22 @@ export class TabularDataViewer extends Widget {
         this._selectedRow = null; // Clear row selection on reset
       }
 
+      const dataBody: Record<string, unknown> = {
+        path: this._filePath,
+        offset: this._currentOffset,
+        limit: this._limit,
+        filters: this._filters,
+        sortBy: this._sortBy,
+        sortOrder: this._sortOrder,
+        caseInsensitive: this._caseInsensitive,
+        useRegex: this._useRegex
+      };
+      if (this._activeSheet) {
+        dataBody.sheet = this._activeSheet;
+      }
       const response = await requestAPI<any>('data', {
         method: 'POST',
-        body: JSON.stringify({
-          path: this._filePath,
-          offset: this._currentOffset,
-          limit: this._limit,
-          filters: this._filters,
-          sortBy: this._sortBy,
-          sortOrder: this._sortOrder,
-          caseInsensitive: this._caseInsensitive,
-          useRegex: this._useRegex
-        })
+        body: JSON.stringify(dataBody)
       });
 
       this._data = this._data.concat(response.data);
@@ -783,7 +875,8 @@ export class TabularDataViewer extends Widget {
       const uniqueValues = await fetchUniqueValues(
         this._filePath,
         columnName,
-        this._maxUniqueValues
+        this._maxUniqueValues,
+        this._activeSheet
       );
 
       // Get current filter values if any
@@ -992,12 +1085,17 @@ export class TabularDataViewer extends Widget {
   private async _showColumnStats(columnName: string): Promise<void> {
     try {
       // Show loading indicator (we could add a spinner here)
-      const stats = await fetchColumnStats(this._filePath, columnName);
+      const stats = await fetchColumnStats(
+        this._filePath,
+        columnName,
+        this._activeSheet
+      );
       // Fetch unique values with the limit from settings
       const uniqueValues = await fetchUniqueValues(
         this._filePath,
         columnName,
-        this._maxUniqueValues
+        this._maxUniqueValues,
+        this._activeSheet
       );
       const modal = new ColumnStatsModal(stats, uniqueValues);
       modal.show();
@@ -1051,7 +1149,9 @@ export class TabularDataViewer extends Widget {
    * Format file size to human-readable string
    */
   private _formatFileSize(bytes: number): string {
-    if (bytes === 0) return '0 B';
+    if (bytes === 0) {
+      return '0 B';
+    }
     const k = 1024;
     const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
     const i = Math.floor(Math.log(bytes) / Math.log(k));
@@ -1081,6 +1181,19 @@ export class TabularDataViewer extends Widget {
 
       this._statusRight.innerHTML = rightText;
 
+      // Export link (always available; opens export popup)
+      const exportLink = document.createElement('a');
+      exportLink.href = '#';
+      exportLink.className = 'jp-TabularDataViewer-exportLink';
+      exportLink.textContent = 'Export';
+      exportLink.title = 'Export the current view';
+      exportLink.addEventListener('click', e => {
+        e.preventDefault();
+        this.showDownloadModal();
+      });
+      this._statusRight.appendChild(document.createTextNode(' • '));
+      this._statusRight.appendChild(exportLink);
+
       if (filterCount > 0) {
         const clearLink = document.createElement('a');
         clearLink.href = '#';
@@ -1125,6 +1238,11 @@ export class TabularDataViewer extends Widget {
       params.append('path', this._filePath);
       params.append('format', format);
 
+      // Active sheet (multi-sheet Excel only)
+      if (this._activeSheet) {
+        params.append('sheet', this._activeSheet);
+      }
+
       // Add filters
       if (Object.keys(this._filters).length > 0) {
         params.append('filters', JSON.stringify(this._filters));

package/style/base.css

@@ -34,7 +34,7 @@
   top: 0;
   z-index: 10;
   background-color: var(--jp-layout-color2);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
 }
 
 /* Filter Row */
@@ -242,7 +242,7 @@
   position: sticky;
   left: 0;
   z-index: 5;
-  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
+  box-shadow: 2px 0 4px rgb(0 0 0 / 10%);
 }
 
 /* Row number cells in header (thead) need higher z-index to appear above sticky header */
@@ -256,6 +256,7 @@
 }
 
 /* Clickable rows */
+/* stylelint-disable-next-line no-descending-specificity */
 .jp-TabularDataViewer-tbody .jp-TabularDataViewer-row {
   cursor: pointer;
 }
@@ -282,6 +283,7 @@
   ) !important;
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .jp-TabularDataViewer-row-selected .jp-TabularDataViewer-rowNumberCell {
   background-color: color-mix(
     in srgb,
@@ -294,6 +296,39 @@
   border-right: none;
 }
 
+/* Sheet Bar (multi-sheet Excel only) */
+.jp-TabularDataViewer-sheetBar {
+  flex-shrink: 0;
+  display: flex;
+  overflow-x: auto;
+  border-top: 1px solid var(--jp-border-color2);
+  background-color: var(--jp-layout-color1);
+  font-family: var(--jp-ui-font-family);
+  font-size: var(--jp-ui-font-size0);
+}
+
+.jp-TabularDataViewer-sheetTab {
+  padding: 2px 12px;
+  border: none;
+  border-right: 1px solid var(--jp-border-color2);
+  background: transparent;
+  cursor: pointer;
+  color: var(--jp-ui-font-color1);
+  white-space: nowrap;
+  font-family: inherit;
+  font-size: inherit;
+}
+
+.jp-TabularDataViewer-sheetTab:hover {
+  background-color: var(--jp-layout-color2);
+}
+
+.jp-TabularDataViewer-sheetTab.jp-mod-active {
+  background-color: var(--jp-layout-color2);
+  font-weight: 600;
+  border-bottom: 2px solid var(--jp-brand-color1);
+}
+
 /* Status Bar */
 .jp-TabularDataViewer-statusBar {
   flex-shrink: 0;
@@ -357,6 +392,19 @@
   text-decoration: underline !important;
 }
 
+.jp-TabularDataViewer-exportLink {
+  color: var(--jp-brand-color1) !important;
+  text-decoration: none !important;
+  cursor: pointer;
+  margin-left: 4px;
+  font-weight: 600;
+}
+
+.jp-TabularDataViewer-exportLink:hover {
+  color: var(--jp-brand-color1) !important;
+  text-decoration: underline !important;
+}
+
 /* Error Message */
 .jp-TabularDataViewer-error {
   padding: 16px;
@@ -410,6 +458,7 @@
   opacity: 1;
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .jp-TabularDataViewer-infoIcon:hover {
   color: var(--jp-brand-color1) !important;
   opacity: 1;
@@ -422,7 +471,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgb(0 0 0 / 50%);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -432,7 +481,7 @@
 .jp-ColumnStatsModal-content {
   background-color: var(--jp-layout-color1);
   border-radius: 8px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 4px 12px rgb(0 0 0 / 30%);
   max-width: 500px;
   max-height: 80vh;
   overflow-y: auto;
@@ -516,7 +565,7 @@
 }
 
 .jp-ColumnStatsModal-section h4 {
-  margin: 0 0 8px 0;
+  margin: 0 0 8px;
   font-size: 15px;
   font-weight: 600;
   color: var(--jp-ui-font-color1);
@@ -576,7 +625,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgb(0 0 0 / 50%);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -586,7 +635,7 @@
 .jp-FilterModal-content {
   background-color: var(--jp-layout-color1);
   border-radius: 8px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 4px 12px rgb(0 0 0 / 30%);
   max-width: 500px;
   width: 90%;
   max-height: 80vh;
@@ -600,7 +649,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 20px 20px 12px 20px;
+  padding: 20px 20px 12px;
   border-bottom: 2px solid var(--jp-border-color1);
 }
 
@@ -611,6 +660,15 @@
   color: var(--jp-ui-font-color1);
 }
 
+.jp-FilterModal-notice {
+  padding: 10px 20px;
+  font-size: var(--jp-ui-font-size1);
+  color: var(--jp-ui-font-color2);
+  background-color: var(--jp-layout-color2);
+  border-bottom: 1px solid var(--jp-border-color2);
+  font-style: italic;
+}
+
 .jp-FilterModal-close {
   background: none;
   border: none;