Kasuga

<p>SheetMirror embeds a live Google Sheets spreadsheet into any WordPress post or page using a simple shortcode. Unlike basic CSV importers, SheetMirror can connect to the <strong>Google Sheets API v4</strong> to retrieve not just your data, but the full visual formatting of every cell – giving your readers a table that looks exactly like the one you designed in Google Sheets.</p>
<h4>Why SheetMirror ?</h4>
<p>Spreadsheet data on the web is often reduced to a bland, unstyled grid. The formatting you spent time on – the bold headers, the colour-coded rows, the carefully aligned columns – disappears entirely. SheetMirror solves this by faithfully translating your Google Sheets formatting into standard HTML and inline CSS, so the table your readers see on your site is a true reflection of the original.</p>
<h4>Two Fetch Modes</h4>
<p><strong>API Mode (recommended)</strong><br />
Uses the Google Sheets API v4 to retrieve both cell values and full formatting metadata. A Google Cloud API key is required. This is the mode that enables all the rich formatting features described below.</p>
<p><strong>CSV Mode (no API key needed)</strong><br />
Fetches data via Google’s public CSV export URL. No API key or account is required – just share your sheet as “Anyone with the link can view.” Cell values are displayed in a clean, readable table, without formatting. Ideal for simple data tables where styling is not a priority.</p>
<h4>Formatting Reproduced via the API</h4>
<p>When API Mode is enabled, SheetMirror retrieves and applies the following formatting properties from your spreadsheet:</p>
<ul>
<li><strong>Horizontal alignment</strong> – Left, Centre, Right, and Justify, applied per cell.</li>
<li><strong>Vertical alignment</strong> – Top, Middle, and Bottom.</li>
<li><strong>Text decoration</strong>  Bold (<strong>), italic (<em>), underline (<u>), and strikethrough (<s>), each rendered using the appropriate semantic HTML element.</li>
<li><strong>Font family</strong> – The typeface specified in the spreadsheet is passed through as a CSS font-family value.</li>
<li><strong>Font size</strong> – Rendered as pt values, matching the size as set in Google Sheets.</li>
<li><strong>Font colour</strong> – Foreground text colour is reproduced as a CSS color value.</li>
<li><strong>Cell background colour</strong> – Background fill colours are rendered as CSS background-color values. The default white background and black text are always output explicitly so that theme styles cannot bleed through.</li>
<li><strong>Merged cells</strong> – Merge regions are faithfully reproduced using HTML rowspan and colspan attributes.</li>
<li><strong>Cell borders</strong> – Per-cell border styles (solid, dashed, dotted, double) and weights (1 px, 2 px, 3 px) are applied as individual CSS border-{side} declarations.</li>
<li><strong>Text wrap strategy</strong> – Wrap and Clip modes are translated to the appropriate CSS white-space and overflow rules. The Overflow mode (where content spills into adjacent cells) is a layout behaviour specific to Google Sheets and cannot be reproduced in an HTML table.</li>
<li><strong>Text direction</strong> – Right-to-left text is reproduced with the CSS direction: rtl property.</li>
<li><strong>Hyperlinks</strong> – Both cell-level hyperlinks and links set via the Google Sheets link format are rendered as <a> tags with target=”_blank” rel=”noopener noreferrer”.</li>
<li><strong>Column widths</strong> – Each column’s pixel width is retrieved from the spreadsheet and applied via <colgroup> elements, reproducing the exact column proportions of the original. Active when the “Auto-fit columns” option is off (the default).</li>
<li><strong>Row heights</strong> – Each row’s pixel height is retrieved and applied as an inline height style on the <tr> element, preserving the vertical spacing of the original spreadsheet. Active when the “Auto-fit columns” option is off (the default).</li>
<li><strong>Hidden rows and columns</strong> – Rows and columns that are hidden in the spreadsheet (whether hidden manually or by a filter) are omitted from the rendered table entirely. Available in API mode only.</li>
<li><strong>Mixed format</strong> – Cells containing mixed formatting within a single cell (rich text) are fully supported in API mode. Font size, font family, style, and colour can all vary within a single cell; each run is rendered as an individual <span> with its own styles applied.</li>
</ul>
<h4>Table Display Options</h4>
<p>Each registered table can be configured independently with the following options:</p>
<ul>
<li><strong>Use Google Sheets API</strong> – Toggle between API Mode (full formatting) and CSV Mode (values only).</li>
<li><strong>Shrink to fit</strong> – Available in API + fixed-width mode only. When enabled, the table is automatically scaled down in the browser to fit the available container width. Inline px and pt values are rewritten directly – the same arithmetic as the <code>scale</code> shortcode attribute – so theme styles, borders, and background colours are unaffected. Mutually exclusive with “Auto-fit columns”.</li>
<li><strong>Auto-fit columns</strong> – When off (default), column widths are taken directly from the spreadsheet’s pixel dimensions via the API, reproducing the layout as designed in Google Sheets. When on, each column shrinks to fit its content (<code>table-layout: auto</code>). Mutually exclusive with “Shrink to fit”.</li>
<li><strong>Treat first row as header</strong> – Renders the first row inside a <code><thead></code> element using <code><th></code> cells with <code>scope="col"</code>, improving accessibility and allowing header-specific styling. Available in CSV mode only.</li>
<li><strong>Borderless</strong> – Hides all cell borders for a cleaner, minimal presentation. When off, a standard 1 px grid is shown as a fallback, with per-cell API borders taking priority where available. Available in CSV mode only.</li>
</ul>
<h4>Caching</h4>
<p>All API and CSV responses are cached using WordPress transients for 5 minutes, keeping your page loads fast and your API quota usage low. A “Clear Cache” button is available for every registered table so you can force a refresh immediately after updating your spreadsheet.</p>
<h4>Shortcode Usage</h4>
<p>After registering a table in <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> SheetMirror</strong>, embed it anywhere using its tag name as a shortcode:</p>
<pre><code>[your_tag_name]
</code></pre>
<p>For example, if you registered a table with the tag <code>sales_2026</code>, place <code>[sales_2026]</code> in any post, page, or widget area.</p>
<p><strong>Scaling the table</strong></p>
<p>An optional <code>scale</code> attribute lets you render the table at a percentage of its original size. Accepted values are integers between “10” and “200”.</p>
<pre><code>[sales_2026 scale="50"]
</code></pre>
<p>The scaling is applied via the CSS <code>font-size</code> property on the wrapper element (and, in fixed-width API mode, by multiplying each column width and row height by the scale factor).</p>
<p><strong>Table alignment</strong></p>
<p>An optional <code>align</code> attribute lets you control the horizontal alignment of the table within its container. Accepted values are “left”, “center”, and “right”.</p>
<pre><code>[sales_2026 align="left"]
</code></pre>
<p>The align attribute can also be combined with the scale option:</p>
<pre><code>[sales_2026 align="center" scale="80"]
</code></pre>
<p>If the attribute is omitted, the table will follow the default alignment defined by your theme or container styles.</p>
<h4>Requirements</h4>
<ul>
<li>A Google Sheets spreadsheet shared as “Anyone with the link can view.”</li>
<li>For API Mode: a Google Cloud API key with the Google Sheets API enabled.</li>
</ul>
<h3>External Services</h3>
<p>This plugin connects to external services operated by Google. Depending on the fetch mode you choose, one or both of the following connections will be made.</p>
<h4>Google Sheets API v4 (API Mode)</h4>
<p>When API Mode is enabled, this plugin sends requests to the Google Sheets API v4 to retrieve cell values and formatting metadata from your spreadsheet.</p>
<ul>
<li><strong>Service:</strong> Google Sheets API v4, provided by Google LLC.</li>
<li><strong>Data sent:</strong> The Spreadsheet ID and cell range you registered, together with your Google Cloud API key. No personal data of your site’s visitors is transmitted.</li>
<li><strong>When:</strong> Every time a page containing the shortcode is loaded and no valid cached response exists (cache duration: 5 minutes). A request is also made when you use the connection-test button in the settings page.</li>
<li><strong>Terms of Service:</strong> https://developers.google.com/terms</li>
<li><strong>Privacy Policy:</strong> https://policies.google.com/privacy</li>
</ul>
<h4>Google Sheets CSV Export (CSV Mode)</h4>
<p>When CSV Mode is enabled, this plugin fetches data from Google’s public CSV export URL for your spreadsheet.</p>
<ul>
<li><strong>Service:</strong> Google Sheets public CSV export (<code>/export?format=csv</code>), provided by Google LLC.</li>
<li><strong>Data sent:</strong> The Spreadsheet ID and numeric sheet identifier (gid). No API key or visitor data is transmitted.</li>
<li><strong>When:</strong> Every time a page containing the shortcode is loaded and no valid cached response exists (cache duration: 5 minutes).</li>
<li><strong>Terms of Service:</strong> https://policies.google.com/terms</li>
<li><strong>Privacy Policy:</strong> https://policies.google.com/privacy</li>
</ul>
<h4>Google Sheets Sheet List (CSV Mode – sheet name resolution)</h4>
<p>When CSV Mode is enabled and a sheet name is specified in the cell range, this plugin fetches the spreadsheet’s HTML view page in order to resolve the sheet name to its numeric identifier (gid). This request is made once per spreadsheet and the result is cached together with the table data.</p>
<ul>
<li><strong>Service:</strong> Google Sheets HTML view page (<code>/htmlview</code>), provided by Google LLC.</li>
<li><strong>Data sent:</strong> The Spreadsheet ID only. No API key or visitor data is transmitted.</li>
<li><strong>When:</strong> On the first load of a page containing a CSV Mode shortcode that specifies a sheet name, when no valid cached response exists. Not used when a gid is available directly from the registered URL, or when API Mode is enabled.</li>
<li><strong>Terms of Service:</strong> https://policies.google.com/terms</li>
<li><strong>Privacy Policy:</strong> https://policies.google.com/privacy</li>
</ul>
<h3>Donate</h3>
<p>If you find this plugin useful and would like to support its development,<br />
you can make a voluntary donation via PayPal.</p>
<p>Your support helps keep this plugin maintained and improved.<br />
Thank you!</p>
<p>PayPal: https://www.paypal.me/Kasuga16</p>


SheetMirror for Google Sheets

Mirror your Google Sheets spreadsheet directly into any post or page as a fully formatted HTML table - colours, borders, fonts, merged cells and more.

doublecracker

<p>GSheet Tables turns a public Google Sheet into a searchable, sortable WordPress table. It is useful for member directories, store lists, clinic or pharmacy lists, facility directories, event lists, product catalogs, document indexes, and any data that is easier to maintain in a spreadsheet.</p>
<p>Update your Google Sheet and the table on your WordPress site can show the latest data without rebuilding the page manually. Site owners can manage the source data in Google Sheets, while visitors get a clean table with filters, sorting, pagination, and CSV export.</p>
<p>The plugin uses public CSV export, so there are no Google API keys, OAuth screens, service accounts, or quota setup steps. If your team already manages data in Google Sheets, GSheet Tables keeps the WordPress side simple.</p>
<p>You can also make text clickable by entering links in CSV-friendly formats like:<br />
    Label|URL or <code>Label (URL)</code>.</p>
<h4>Good for</h4>
<ul>
<li>Member directories and association lists</li>
<li>Store, branch, clinic, pharmacy, or facility directories</li>
<li>Event schedules and seminar lists</li>
<li>Product, price, or service tables</li>
<li>Document indexes and downloadable resource lists</li>
<li>Internal data lists maintained by non-technical staff in Google Sheets</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>
<p><strong>Google Sheets integration</strong></p>
<ul>
<li>Display data by providing a public spreadsheet URL</li>
<li>Tables update automatically when the sheet changes</li>
</ul>
</li>
<li>
<p><strong>Real-time filtering</strong></p>
<ul>
<li>Column-level filters for quick narrowing</li>
<li>AND search across multiple columns</li>
<li>Partial or exact match modes</li>
</ul>
</li>
<li>
<p><strong>Sorting</strong></p>
<ul>
<li>Click headers to sort (ascending/descending)</li>
<li>Automatic numeric column detection</li>
<li>Sort indicators</li>
</ul>
</li>
<li>
<p><strong>Pagination</strong></p>
<ul>
<li>Choose items per page (10, 25, 50, 100, all)</li>
<li>Page number navigation</li>
<li>Previous/Next controls</li>
</ul>
</li>
<li>
<p><strong>CSV export</strong></p>
<ul>
<li>Export filtered and sorted data</li>
<li>UTF-8 BOM CSV for Excel compatibility</li>
<li>Export visible columns only</li>
</ul>
</li>
<li>
<p><strong>Link rendering (CSV-friendly)</strong></p>
<ul>
<li>Plain URLs are clickable</li>
<li><code>Label|URL</code> or <code>Label (URL)</code> formats for clickable text</li>
<li>Japanese phone numbers (e.g. <code>0463-25-1377</code>) are auto-linked with <code>tel:</code> for tap-to-call on mobile</li>
<li><code>HYPERLINK()</code> and rich-text links are not available in CSV</li>
</ul>
</li>
<li>
<p><strong>Custom styling</strong></p>
<ul>
<li>Border styles (theme, horizontal, vertical, all, none)</li>
<li>Border width</li>
<li>Header/cell font sizes</li>
<li>Color settings (header bg/text, cell bg/text, hover bg)</li>
<li>Custom CSS</li>
<li>Theme style inheritance by default</li>
</ul>
</li>
<li>
<p><strong>Admin features</strong></p>
<ul>
<li>Table creation and management</li>
<li>Default filters</li>
<li>Visible column selection</li>
<li>Advanced filters (OR, numeric range, date range)</li>
<li>Live preview</li>
</ul>
</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Data directories</li>
<li>Event listings</li>
<li>Product catalogs</li>
<li>Member lists</li>
<li>Document indexes</li>
<li>News lists</li>
<li>Statistics tables</li>
<li>Any dataset managed in Google Sheets</li>
</ul>
<h4>Security</h4>
<ul>
<li>Nonce validation for all AJAX requests</li>
<li>Proper capability checks for admin features (<code>manage_options</code>)</li>
<li>Sanitization of all user input</li>
<li>Proper output escaping</li>
</ul>
<h3>Development</h3>
<ul>
<li>GitHub: https://github.com/doublecracker/gsheet-tables</li>
<li>ライセンス: GPL v2 or later</li>
</ul>
<h3>Credits</h3>
<p>開発者: doublecracker</p>
<h3>Support</h3>
<p>問題が発生した場合は、GitHubのIssuesページで報告してください。<br />
https://github.com/doublecracker/gsheet-tables/issues</p>
<h3>Support the Development</h3>
<p>GSheet Tables is free and open source. If you find it useful, please consider supporting its development:</p>
<ul>
<li>☕ <a href="https://www.buymeacoffee.com/doublecracker" rel="nofollow ugc">Buy Me a Coffee</a></li>
<li>💝 <a href="https://github.com/sponsors/doublecracker" rel="nofollow ugc">GitHub Sponsors</a></li>
</ul>
<p>Your support helps maintain and improve this plugin. Thank you!</p>


GSheet Tables

Create searchable WordPress tables and directories from Google Sheets, with filters, sorting, pagination, CSV export, and links.

SheetMirror for Google Sheets vs GSheet Tables