myfamilyweb

Greg Schaub

Built from the ground up based upon the latest technology and designed to support WordPress’ vision for the platform’s 
future, Dynamic Tables is a new WordPress block plugin to create and manage information that is best organized 
as a table. The block is designed to be easily configured and highly responsive.
Dynamic Tables was created on a solid technical framework with the objective of delivering a complete end-to-end 
block solution for creating beautiful tables that are easy to maintain. Additionally, this framework will provide a 
springboard to rapidly build upon this foundation to provide additional features. Some capabilities on the 
roadmap include: 
* Support for templates and cloning. Note that this support is not currently available. It is the first roadmap item. 
* Support for front end interactivity to sort and filter tables 
* Integrating Dynamic Tables with WordPress search 
* 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 
* Importing and exporting table data in common formats (e.g., csv, xlsx) 
* Enhanced responsive formatting for mobile devices 
* Front end editing
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.
<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>
This information will be appealing to our techie friends, soothing their passion for embracing the technology. Dynamic Blocks has an 
architecture that is somewhat unique to the world of Gutenberg development in that the table definition and content are stored in 
custom WordPress database tables because we didn’t believe it structurally lent itself well to the Post data metaphore. These are 
the primary building blocks: 
* Table data and definitions are abstracted through a block entity types 
* Entities natively call RESTful api’s 
* There is an underlying WordPress REST API service that supports the loading and saving of table data 
* The service interacts with a highly abstracted SQL layer which leverages WordPress WPDB 
* The tables themselves leverage the newer CSS grid framework 
 * Much of the flexibility is derived from grid functinality that has been incorporated into mainstream web browsers as recently as 2024 
 * This framework provides responsiveness that doesn’t “break” table structure. Misalighed rows and columns, unexpected wrapping, and otherwise indecipherable tables have been beaten down. 
* The API architecture can theoretically support data stored in external files or web services. We’re considering these capabilities in our roadmap.

Dynamic Tables

Create highly responsive custom table blocks that are easily configured.

Ninja

The Advanced Data Table Block block is the ultimate solution for displaying complex data in WordPress. With powerful features and extensive customization options, it’s perfect for any data presentation needs.
🎯 Core Features:
<ul>
<li>Display CSV Data – Easily import CSV files and display data with advanced DataTables functionality</li>
<li>Configurable Settings – Complete control over sorting, searching, and pagination from the block settings</li>
<li>Responsive Design – Tables look great on both desktop and mobile devices with automatic adaptation</li>
<li>Advanced Sorting – Allow users to sort columns in ascending or descending order with visual indicators</li>
<li>Powerful Search – Enable search functionality to filter data based on user input in real-time</li>
<li>Smart Pagination – Display numeric pagination with customizable page sizes for easier navigation</li>
<li>Flexible Dimensions – Set table width and height in percentages or fixed pixel values</li>
<li>Sticky Table Headers – Keep header rows fixed while scrolling through large datasets</li>
<li>Dynamic Column Sizing – Adjust individual column widths to perfectly suit your data presentation</li>
<li>Extensive UI Customization – Complete control over colors, backgrounds, hover effects, and styling</li>
<li>Separate Header/Row Styling – Independent customization options for table headers and data rows</li>
<li>Multiple Color Schemes – Apply single or multiple color themes to match your site design</li>
</ul>
📊 Perfect For: 
– Product catalogs and comparison tables 
– Financial reports and data analytics 
– Team directories and contact lists 
– Event schedules and timetables 
– Inventory and stock management 
– Research data presentation 
– Survey results and statistics 
– Price lists and service offerings
🎨 Styling Options: 
– Modern, Striped, Bordered, Minimal, and Card layouts 
– Custom color schemes (Blue, Green, Red, Purple, Orange, Gray) 
– Individual color controls for headers, rows, borders, and text 
– Hover effects and interactive states 
– Typography and spacing controls
📱 Mobile Optimized: 
– Horizontal scrolling for large tables 
– Card-based layout for mobile devices 
– Touch-friendly pagination controls 
– Responsive search and filter interfaces

Advanced Data Table Block

Create beautiful, responsive data tables with advanced features like CSV import, sorting, filtering, pagination and extensive customization options.

Dynamic Tables vs Advanced Data Table Block