Table Row Counter

WHAT IT DOES Table Row Counter is a floating panel that instantly counts the number of rows in any HTML table on the current page. Select a table from a list of automatically detected tables to see a detailed breakdown of its row structure—total rows, header rows (from or ‑based detection), body rows (from ), and footer rows (from ). The panel also counts visible rows (those not hidden by display:none) and hidden rows, making it useful for tables with dynamic filtering or pagination. You can view a summary of all tables at once, with each table's row count and composition displayed side‑by‑side. The results can be copied to your clipboard or inserted directly into any editable field on the page (input, textarea, or contenteditable). Perfect for QA engineers validating table data, data analysts checking row counts after transformations, developers debugging table rendering, or anyone who needs quick insight into table structure without counting manually. WHERE IT RUNS The panel overlays any website that loads the BotGentz extension—whether you're on a data dashboard, a reporting page, a CMS, a project management tool, an admin panel, or any other web page. It works on all modern Chromium‑based browsers (Chrome, Edge, Brave, Arc) and Firefox. The script injects a self‑contained UI element that does not interfere with the host page's layout, styles, or JavaScript execution. It runs client‑side only, with no external API calls or cloud dependencies. HOW TO USE After installing the free BotGentz extension, visit any page and click the extension icon to activate the panel. The first time you use Table Row Counter, it will appear as a draggable widget near the bottom‑right corner of your viewport. To count rows: - Select a table from the dropdown menu. The panel automatically detects all tables on the page. - Click "Count Selected Table" to see a detailed breakdown: total rows, header rows, body rows, footer rows, and the number of visible and hidden rows (based on the display style). - Click "Count All Tables" to see a summary of row counts for every table on the page in a single view. - Click "Refresh Tables" to rescan the page for newly added or modified tables. To use the results: - Click "Copy Results to Clipboard" to copy the row count summary for pasting elsewhere. - Click "Insert Results into Active Field" to paste the row count summary directly into the focused editable field on the page. - Click "Copy Table List" to copy a comprehensive list of all tables with their row and column counts. The panel works with any HTML table structure, including those with nested tables (rows are counted per table). PRECISION ROW COUNTING ENGINE WITH STRUCTURAL SECTION DETECTION AND VISIBILITY ANALYSIS Unlike simple row counters that just count all elements, this panel uses a precision row counting engine that analyzes the table's semantic structure using the , , and section elements. The engine first checks for explicit section elements and counts rows within each. If the table uses implicit structure (no // tags), the engine falls back to a smart detection method: it examines the first row for elements and, if a significant proportion (≥30%) of cells are headers, it classifies that row as a header row. The visibility analysis checks each row's style.display property, accurately counting rows hidden by CSS filtering (e.g., from table filters, search, or pagination). The engine also detects tables with nested structures and counts rows per table individually, ensuring that each table's statistics are isolated and correct. All counts are computed in a single pass per table for performance, and the results are displayed in a monospaced format for easy reading. THE PANEL - Drag: Click and hold the panel's header bar to move it anywhere on the screen. - Per‑site position: The panel stores its last position separately for each domain using the browser's localStorage, keyed by hostname. - Snap: When dragged near any edge of the viewport, the panel snaps to that edge with a 16px margin for a clean, docked feel. - Collapse: Click the "−" button in the header to collapse the panel to a compact title bar, preserving all current values. Click "+" to expand it back. - Resize: Drag the bottom‑right corner handle to resize the panel from 280px to 600px wide and 200px to 500px tall; the layout adapts responsively. - Escape: Press the Escape key while the panel is focused to close it entirely (you can reopen it from the extension toolbar). PLEASE NOTE This script requires the free BotGentz extension to run—it is not a standalone bookmarklet or user script. Websites frequently update their DOM structures and security policies; while we strive to keep the panel functional across thousands of sites, occasional updates may be needed. The counter performs all operations entirely in your browser—no data is sent to any server, and no cookies or tracking identifiers are used. Your table data and row counts remain private to your local session and are not persisted across browser restarts. The panel counts rows in the DOM at the moment of counting—dynamic changes (e.g., AJAX updates, live filtering) may require clicking "Refresh Tables" and recounting. Tables with complex structures (e.g., rowspan, colspan) are counted correctly in terms of DOM rows but may not reflect logical data rows; use the count as a DOM‑level indicator. Hidden rows are detected via the style.display property—rows hidden by other methods (e.g., visibility:hidden, opacity:0) are not counted as hidden by this tool.