Documentation for Auto Responsive Table for WordPress
Automatically convert all normal pre-existing or new Classic, or Gutenberg, or HTML tables into fully Responsive Tables with Sortable Headers and Sticky-Header options. Build or edit tables directly within your Post, Page, or Product editor. Adjust settings for additional customization and control.
How to Use?
Step 1. Open your WordPress Admin Dashboard, click "Add New" in PlugIns section. Now click on "Upload PlugIn". Select the downloaded package, now click on "Install Now". Click on "Activate PlugIn" to activate the PlugIn.
Step 2. Go to "Settings" page to turn On or Off the Features.
Step 3. Click on "Styles" tab to adjust CSS styles.
Step 4.: Use Classic or Gutenberg editor's Table Block to create a table in your Page, or Post, or Product. You can copy/paste the ready-made code to see how it works.
<br><br>
<!-- wp:html -->
<h1 align="center">1. Classic and HTML Table</h1>
<table>
<thead>
<tr>
<th>Name</th>
<th>Birth-date</th>
<th>Gender</th>
<th>Hobby</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dear</td>
<td>6 September 1983</td>
<td>Male</td>
<td>Reading Books</td>
</tr>
<tr>
<td>Jackie</td>
<td>1 July 1990</td>
<td>Female</td>
<td>Gardening</td>
</tr>
<tr>
<td>Simran</td>
<td>25 August 1988</td>
<td>Female</td>
<td>Travelling</td>
</tr>
<tr>
<td>Ashok</td>
<td>12 February 1980</td>
<td>Male</td>
<td>Gardening</td>
</tr>
<tr>
<td>John Doe</td>
<td>1 January 2000</td>
<td>Male</td>
<td>Swimming</td>
</tr>
</tbody>
</table>
<!-- /wp:html -->
<!-- wp:spacer -->
<div class="wp-block-spacer" style="height: 100px;" aria-hidden="true"> </div>
<!-- /wp:spacer -->
<h1 align="center">2. Gutenberg Table</h1>
<!-- wp:table -->
<figure class="wp-block-table">
<table class="has-fixed-layout">
<tbody>
<tr>
<td>Name</td>
<td>Birth-date</td>
<td>Gender</td>
<td>Hobby</td>
</tr>
<tr>
<td>Dear</td>
<td>6 September 1983</td>
<td>Male</td>
<td>Reading Books</td>
</tr>
<tr>
<td>Jackie</td>
<td>1 July 1990</td>
<td>Female</td>
<td>Gardening</td>
</tr>
<tr>
<td>Simran</td>
<td>25 August 1988</td>
<td>Female</td>
<td>Travelling</td>
</tr>
<tr>
<td>Ashok</td>
<td>12 February 1980</td>
<td>Male</td>
<td>Gardening</td>
</tr>
<tr>
<td>John Doe</td>
<td>1 January 2000</td>
<td>Male</td>
<td>Swimming</td>
</tr>
</tbody>
</table>
</figure>
<!-- /wp:table -->
<br><br>Step 5.: Paste here. Update. Check on the browser.
Congratulations!
