=== Advanced Custom Fields: Table Field ===
Contributors: Johann Heyne
Tags: acf table
Requires at least: 4.8
Tested up to: 4.9
Stable tag: trunk
License: GPLv2 or later
A Table Field Add-on for the Advanced Custom Fields Plugin
== Description ==
The Table field plugin enables easily editing a table.
The plugin is compatible with ACF4 and ACF5.
The table field works also with the repeater and flexible field types.
* table header (option)
* add and remove table columns and rows
* change order of columns and rows by dragging
* to move to the next cells editor press key: tab
* to move to the previous cells editor press key: shift + tab
=== Output Table HTML ===
To render the table fields data as an html table in one of your template files you can start with the following basic code example:
`
$table = get_field( 'your_table_field_name' );
if ( $table ) {
echo '
';
if ( $table['header'] ) {
echo '';
echo '';
foreach ( $table['header'] as $th ) {
echo '';
echo $th['c'];
echo ' | ';
}
echo '
';
echo '';
}
echo '';
foreach ( $table['body'] as $tr ) {
echo '';
foreach ( $tr as $td ) {
echo '';
echo $td['c'];
echo ' | ';
}
echo '
';
}
echo '';
echo '
';
}
`
=== Line Breaks ===
This is about displaying line breaks in the admin tables and getting line breaks as `
` when outputting the tables HTML.
= Converting Line Breaks for HTML Output =
To convert line breaks to `
` in tables HTML output the PHP function `nl2br()` can be used:
For line breaks in **table header cells** replace…
`
echo $th['c'];
`
with…
`
echo nl2br( $th['c'] );
`
For line breaks in **table body cells** replace…
`
echo $td['c'];
`
with…
`
echo nl2br( $td['c'] );
`
= Displaying Line Breaks in Editing Tables =
To display natural line breaks in the editing tables in the admin area, add the following styles to the admin area.
`
.acf-table-header-cont,
.acf-table-body-cont {
white-space: pre-line;
}
`
One way to add these styles to the WordPress admin area is adding the following code to your functions.php file of the theme.
`
add_action('admin_head', 'acf_table_styles');
function acf_table_styles() {
echo '';
}
`
== Installation ==
This software can be used as both a WP plugin and a theme include.
However, only when activated as a plugin will updates be available.
= Plugin =
1. Copy the "advanced-custom-fields-table-field" folder into your plugins folder.
2. Activate the plugin via the Plugins admin page.
== Screenshots ==
1. The Field Settings
2. The Field Content Editing
2. Grab the rows and columns in the grey area and drag them.
== Changelog ==
= 1.2.1 =
* Fixes not using user locale for translation
* Adds description for handling line breaks to plugins page
= 1.2 =
* Adds support for tab navigation. Uses shift + tab for backward navigation.
* Minor code improvements
= 1.1.16 =
* Keeps the WordPress admin area working, if tablefields value is not a valid JSON string. Logs the invalid value in the console for debugging.
= 1.1.15 =
* Adds polish translation by Pawel Golka
= 1.1.14 =
* Fixes table does not appear under certain field groups location rules
= 1.1.13 =
* Fixes an XSS issue within /wp-admin/ pages
= 1.1.12 =
* Adds support for field groups post taxonomy rule
= 1.1.11 =
* Fixes rerendering of tables while changing other content
= 1.1.10 =
* Fixed table functionality with respect to the ACF rules
= 1.1.9 =
* Fixes returning false on single empty table cell for ACF version 4
= 1.1.8 =
* Fixes support for user edit pages
= 1.1.7 =
* Fixes support for user profile pages
= 1.1.6 =
* UI: Fixes table header switch off problem
= 1.1.5 =
* Fixes issue occured after database migration with plugin "WP Migrate DB"
= 1.1.4 =
* Takes over icon class changes in ACF-Pro since version 5.3.2
= 1.1.3 =
* Fixes wrong function name 'change_template'
= 1.1.2 =
* Fixes missing table on page template change
= 1.1.1 =
* Compatibility to icon changes of ACF Pro version 5.2.8
* Fixes table top legend height in FireFox
* Fixes delete column icon position in IE
= 1.1 =
* Improved User Experience when deleting all columns and rows.
* Compatibility to changes of ACF Pro version 5.2.7.
= 1.0.7 =
* Use wp_json_encode() instead of json_encode(). This may fix issues in rare enviroments.
= 1.0.6 =
* If the table has only a single empty cell (this is by default), no table data will return now.
= 1.0.5 =
* Fixes javascript issue in IE 8.
* Fixes missing table borders and table header´s height in FireFox.
= 1.0.4 =
* Fixes an uri problem on some hosts.
= 1.0.3 =
* Fixes an php error on HTTP_REFFERER.
= 1.0.2 =
* Fixes error when including the plugin from inside a theme.
= 1.0.1 =
* Fixes ACF validation error "required" when header option "use table header" was used and unchecked.
= 1.0 =
* Official Release of the free version