myfamilyweb

Greg Schaub

<p>Built from the ground up based upon the latest technology and designed to support WordPress’ vision for the platform’s<br />
future,  <strong>Dynamic Tables</strong> is a new WordPress block plugin to create and manage information that is best organized<br />
as a table. The block is designed to be easily configured and highly responsive.</p>
<p>Dynamic Tables was created on a solid technical framework with the objective of delivering a complete end-to-end<br />
block solution for creating beautiful tables that are easy to maintain.  Additionally, this framework will provide a<br />
springboard to rapidly build upon this foundation to provide additional features.  Some capabilities on the<br />
roadmap include:<br />
* Support for templates and cloning.  Note that this support is <strong>not currently available</strong>. It is the first roadmap item.<br />
* Support for front end interactivity to sort and filter tables<br />
* Integrating Dynamic Tables with WordPress search<br />
* Allowing for specific content types and formats for all rows in a column (e.g, images, links, buttons, numeric formats, etc.) without the need to format each cell<br />
* Importing and exporting table data in common formats (e.g., csv, xlsx)<br />
* Enhanced responsive formatting for mobile devices<br />
* Front end editing</p>
<p>This is just a sample of the roadmap, some of which will be included in this free community edition while others will be available in a future premium version of Dynamic Tables.</p>
<h3>Formatting Features</h3>
<ul>
<li>Column & Row Actions
<ul>
<li>“Show table borders” creates a spreadsheet metaphore for intuitive column and row formatting. Toggle the boarders off when formats are set</li>
<li>Menu options to add or delete columns and rows</li>
<li>Fine grain control of column widths including support for:</li>
<li>Proportional or fix widths</li>
<li>Minimum and maximum widths so that text wraps appropriately, automatically adjusting row height</li>
<li>Supports both fixed (e.g., pixel) and inferred (e.g., character) sizing units</li>
</ul>
</li>
<li>Header
<ul>
<li>Optionally allow the first row to be a header</li>
<li>Optionally freeze headers with a vertical scrollbar</li>
<li>Support styling for the header row including borders and text alignment independently from table body rows</li>
</ul>
</li>
<li>Body Rows
<ul>
<li>Optionally display table grid licenses</li>
<li>Optionally display banded rows with styling for the band and text color</li>
<li>Allow for a horizontal scroll if table contents exceed the page width</li>
<li>Support styling for all body rows including borders and text alignment</li>
</ul>
</li>
<li>All color styling comes pre-loaded with the current theme colors with support for custom colors as well</li>
<li>Optionally display or hide table title</li>
</ul>
<h3>Love You Inner Geek!</h3>
<p>This information will be appealing to our techie friends, soothing their passion for embracing the technology.  Dynamic Blocks has an<br />
architecture that is somewhat unique to the world of Gutenberg development in that the table definition and content are stored in<br />
custom WordPress database tables because we didn’t believe it structurally lent itself well to the Post data metaphore.  These are<br />
the primary building blocks:<br />
* Table data and definitions are abstracted through a block entity types<br />
* Entities natively call RESTful api’s<br />
* There is an underlying WordPress REST API service that supports the loading and saving of table data<br />
* The service interacts with a highly abstracted SQL layer which leverages WordPress WPDB<br />
* The tables themselves leverage the newer CSS grid framework<br />
  * Much of the flexibility is derived from grid functinality that has been incorporated into mainstream web browsers as recently as 2024<br />
  * This framework provides responsiveness that doesn’t “break” table structure.  Misalighed rows and columns, unexpected wrapping, and otherwise indecipherable tables have been beaten down.<br />
* The API architecture can theoretically support data stored in external files or web services. We’re considering these capabilities in our roadmap.</p>


Dynamic Tables

Create highly responsive custom table blocks that are easily configured.

MyThirdEye

<h4>JTRT Responsive Tables</h4>
<p>JTRT Responsive Tables is the most advanced HTML table editor for WordPress. Create amazing responsive tables without having to deal with HTML or CSS!</p>
<p><a href="https://github.com/JohnTendik/jtrt-tables/blob/master/docs/jtrt.gif?" rel="nofollow ugc">Demo GIF</a></p>
<h4>Features</h4>
<ul>
<li>Simple WYSIWYG backend table editor</li>
<li>Formulas <a href="http://handsontable.github.io/ruleJS/" rel="nofollow ugc">List of usable formuals</a></li>
<li>Covert your excel CSV files to responsive html with a few clicks</li>
<li>5 Custom responsive breakpoint sizes (XS SM MD LG XL)</li>
<li>Edit table cells within the backend</li>
<li>Easily add links/images to your table</li>
<li>Custom breakpoints for each table</li>
<li>Support for multiple tables on one page</li>
<li>Custom shortcode, easy to use</li>
<li>3 Different responsive types</li>
<li>Edit Cell font-weight, font-family, text-decoration, font-size, font-color with the click of a button!</li>
<li>Custom borders for your cells. </li>
<li>Custom alignment for your cells</li>
<li>Table sorting! Sort by column headers.</li>
<li>Table filtering! Search through your table with a searchbox</li>
<li>Table pagination! Divide your table up into pages</li>
<li>Search and Replace</li>
<li>Multiselect/multiedit cells</li>
<li>Support for html/images/shortcodes in cells</li>
<li>UNDO / REDO !!! </li>
<li>Context menu, right click to edit</li>
<li>KEYBOARD SHORTCUTS! CTRL + Z (undo) CTRL + C (COPY) etc</li>
<li>Read only cells</li>
<li>Edit Cell Backgrouns</li>
<li>Custom hover highlight color for rows / columns</li>
<li>value box for easy value editting</li>
<li>& more! </li>
</ul>
<h4>Getting Started</h4>
<p>This plugin will look and feel very familiar to how you normally edit your tables. I have tried to make it very simple to use, however I’m in the process of updating the documentation for V4, so stay tuned for written guides/videos.</p>
<h4>Credits</h4>
<p>A special thank you to Joerg K. (@yogieanamcara) for helping me improve the plugin and for taking the time to translate this plugin into German!</p>
<p>I’m a 22 year old self-taught student who created to plugin to help users easily create responsive tables on their wordpress website. Originally this was a simple personal project but grew to over 2000+ active installs. I want to thank each and everyone of you who downloaded and used my plugin, it means a lot and I hope it has served you well. Having said this, I didn’t create this plugin entirely from scratch. I made use of amazing frameworks and scripts developed by other amazing people who deserve all the credit for their work. This plugin makes use of other plugins which I have not created or contributed to in any way, I do not take credit for these works, the credits belong to their respective authors. These plugins are:</p>
<ol>
<li><a href="http://fooplugins.com/plugins/footable-jquery/" rel="nofollow ugc">Footable</a></li>
<li><a href="https://jquery.com/" rel="nofollow ugc">jQuery</a></li>
<li><a href="http://papaparse.com/" rel="nofollow ugc">PapaParse</a></li>
<li><a href="https://handsontable.com/" rel="nofollow ugc">HandsOnTable</a></li>
<li><a href="https://datatables.net/" rel="nofollow ugc">DataTables</a></li>
<li>Much love to those who helped me with issues, too many awesome people to list, love you all! </li>
</ol>
<h4>Support</h4>
<p>If you have any issues, the best way to get help is to contact me through <a href="https://github.com/mythirdeye/jtrt-tables" rel="nofollow ugc">GitHub</a>.</p>
<h3>Arbitrary section</h3>
<p>This plugin makes use of Foo Tables to create the responsiveness of the tables.</p>


JTRT Responsive Tables

Easily create beautiful, responsive HTML tables in the backend using the most advanced table editor for WordPress.

Dynamic Tables vs JTRT Responsive Tables