Table Filter Extension 作者: risniking

Table Filter Extension automatically adds powerful filtering capabilities to any table you encounter on the web. Many websites display data tables without built-in filtering, making it difficult to find specific information. This extension solves that problem by detecting tables on web pages and adding intuitive, multi-select filter dropdowns for each column—no website configuration needed.

Key Features:
- Automatic table detection: The extension automatically identifies tables with headers (using <thead> or <th> elements) on any webpage and adds filter controls without requiring any manual setup or configuration.
- Multi-select column filtering: Each table column gets its own dropdown filter showing all unique values in that column. You can select multiple values simultaneously, and the extension uses AND logic across columns—meaning rows must match your selections in all filtered columns to be displayed.
- Built-in search: Each filter dropdown includes a search box that lets you quickly find values in columns with many options. As you type, the list filters in real-time, making it easy to locate specific items.
- Global text search: In addition to column-specific filters, there's a universal text search field that searches across all columns simultaneously. This is particularly useful when you're not sure which column contains the information you're looking for.
- Real-time filtering: All filtering happens instantly as you make selections. There's no need to click a "Apply" button—rows appear or disappear immediately as you adjust your filters, providing immediate visual feedback.
- Smart table handling: The extension works with both static and dynamically loaded tables. Using MutationObserver technology, it automatically detects when new tables are added to the page (common on single-page applications and sites with lazy-loading content) and adds filter controls to them as well.
Isolated styling: The filter interface uses Shadow DOM technology to ensure it doesn't interfere with the website's styling, and the website's CSS doesn't break the filter UI. This means it works consistently across different websites.
- Privacy-focused: All filtering happens locally in your browser. The extension doesn't collect, store, or transmit any data. Filters are ephemeral—they reset when you reload the page, ensuring no persistent tracking of your browsing behavior.
- Collapsible interface: The filter panel can be collapsed and expanded with a single click, helping you focus on the table data when needed while keeping filters easily accessible.
- Visual feedback: Active filters are clearly indicated with selection counts, and a "Clear All" button makes it easy to reset all filters at once.

Use Cases:
This extension is ideal for anyone who regularly works with data tables on the web, including:
- Researchers analyzing datasets on various websites
- Online shoppers comparing products in table formats
- Developers and analysts reviewing API documentation or data exports
- Students working with statistical data or research results
- Anyone who frequently needs to filter or search through tabular data on websites

Technical Details:
Built with modern web technologies including React 18 and TypeScript, the extension follows Firefox Manifest V3 standards and is compatible with Firefox 109 and later. The codebase is well-tested with a comprehensive test suite, ensuring reliability and stability.

Privacy and Data Collection:
The extension does not collect, transmit, or store any personal data. It operates entirely locally within your browser, processing only the tables visible on the current page. The extension declares "none" for data collection permissions, as it does not require any data transmission capabilities.
Simply browse the web as you normally would—when you encounter a table, filter controls will automatically appear, giving you powerful data filtering capabilities on any website.