Create AJAX paginated data tables with jsGrid. Configurable columns, filtering, and editing through WordPress admin.

mirceatm

<p>Add jsGrid http://js-grid.com tables to your website using the shortcode: <code>[nmr_jsgrid id='your-grid-name']</code>.</p>
<p>Data grids or tables have configurable columns, filters, edit, update and delete functionality.<br />
Configuration is performed in the WordPress admin. Tables support AJAX pagination to avoid full page reloads.</p>
<p><strong>This is the free version of NMR jsGrid.</strong> For unlimited grids and all features, see <a href="https://namir.ro/downloads/nmr-jsgrid-pro/" rel="nofollow ugc">NMR jsGrid Pro</a>.</p>
<h4>Free version limits</h4>
<ul>
<li>Maximum 10 grids</li>
<li><code>select</code> field type is read-only in the column editor (Pro only)</li>
<li>Build Columns from Data Source is disabled (Pro only)</li>
</ul>
<h4>Pro version</h4>
<p><a href="https://namir.ro/downloads/nmr-jsgrid-pro/" rel="nofollow ugc">NMR jsGrid Pro</a> adds:</p>
<ul>
<li>Unlimited grids</li>
<li><code>select</code> field type with custom items, value field, and text field</li>
<li>Build Columns from Data Source — auto-detect columns from SQL, static, or remote data</li>
<li>Priority support</li>
</ul>
<h4>Usage</h4>
<p>Go to Admin <span aria-hidden="true" class="wp-exclude-emoji">→</span> NMR jsGrid <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New. Pick a data source, build columns with the visual editor, configure display options, then embed with the shortcode <code>[nmr_jsgrid id='your-grid-name']</code>.</p>
<h4>Data source types</h4>
<ul>
<li><strong>Remote</strong> — AJAX calls to a custom WordPress action you provide. Set the endpoint URL and action name.</li>
<li><strong>Static</strong> — paste a JSON array directly; no back-end needed.</li>
<li><strong>SQL</strong> — write a <code>SELECT</code> query; the plugin handles pagination, filtering, insert, update, and delete automatically.</li>
</ul>
<h4>Display options</h4>
<ul>
<li><code>Height</code> / <code>Width</code> — <code>auto</code>, percent (<code>80%</code>), or pixels (<code>400</code>)</li>
<li><code>Paging</code>, <code>Editing</code>, <code>Sorting</code>, <code>Autoload</code>, <code>Deleting</code>, <code>Filtering</code>, <code>Inserting</code>, <code>Page size</code> — toggle grid behaviours</li>
<li><code>Pager format</code> — e.g. <code>Pages: {first} {prev} {pages} {next} {last} &nbsp;&nbsp; {pageIndex} of {pageCount}</code></li>
<li><code>Page buttons</code> — number of page buttons shown (5 is a good default)</li>
</ul>
<p>If you enjoy using <em>NMR jsGrid</em> and find it useful, please consider <a href="https://paypal.me/mirceatm" rel="nofollow ugc"><strong>making a donation</strong></a>.</p>


Alternatives to NMR jsGrid

Top alternatives