Description
BaraTables helps you turn site data into interactive tables and charts directly in WordPress. Build from manual rows, CSV uploads, WordPress content, or an external MySQL/MariaDB database, then publish the result with a shortcode.
Tables can include search, sorting, pagination, filters, export buttons, column visibility controls, and custom control layouts. Charts can be created from any BaraTables table and displayed separately with their own shortcode.
BaraTables uses clean, theme-friendly frontend styles by default. It is designed to look presentable immediately while staying easy to restyle with your theme or custom CSS.
Features:
- Build tables from WordPress content, CSV files, manual data, or external MySQL/MariaDB databases
- Add search, sorting, pagination, and column filters
- Use dropdown, multi-select, checkbox, and radio-style filters
- Export table data to CSV, copy it, or print it
- Reorder columns and control column visibility
- Create bar, line, area, pie, and Gantt charts with ECharts
- Customize table controls, labels, layout, and display options
- Start with light frontend styles that are easy to override with CSS
- Import compatible table definitions from JSON
Third-Party Libraries
This plugin bundles the following libraries and admin thumbnail assets:
- DataTables v2.3.8 – MIT License
- DataTables Buttons v3.2.6 – MIT License
- DataTables ColReorder v2.1.2 – MIT License
- Select2 v4.1.0-rc.0 – MIT License
- ECharts v6.0.0 – Apache License 2.0
Source code and uncompressed distribution files for the bundled compressed assets are available here:
- DataTables v2.3.8 source: https://github.com/DataTables/DataTablesSrc/tree/2.3.8
- DataTables v2.3.8 distribution files: https://cdn.datatables.net/2.3.8/
- DataTables Buttons v3.2.6 source: https://github.com/DataTables/Buttons/tree/3.2.6
- DataTables Buttons v3.2.6 distribution files: https://cdn.datatables.net/buttons/3.2.6/
- DataTables ColReorder v2.1.2 source: https://github.com/DataTables/ColReorder/tree/2.1.2
- DataTables ColReorder v2.1.2 distribution files: https://cdn.datatables.net/colreorder/2.1.2/
- Select2 v4.1.0-rc.0 source: https://github.com/select2/select2/tree/4.1.0-rc.0
- Select2 v4.1.0-rc.0 uncompressed JavaScript: https://raw.githubusercontent.com/select2/select2/4.1.0-rc.0/dist/js/select2.js
- Select2 v4.1.0-rc.0 uncompressed CSS: https://raw.githubusercontent.com/select2/select2/4.1.0-rc.0/dist/css/select2.css
- ECharts v6.0.0 source: https://github.com/apache/echarts/tree/6.0.0
- ECharts v6.0.0 uncompressed JavaScript: https://raw.githubusercontent.com/apache/echarts/6.0.0/dist/echarts.js
- Apache ECharts example thumbnail source files: https://echarts.apache.org/examples/data/thumb/
- Apache ECharts examples source: https://github.com/apache/echarts-examples
Additional third-party license and notice text is included in assets/vendor/THIRD-PARTY-LICENSES.txt.
Screenshots
Installation
- Upload the
baratablesfolder to/wp-content/plugins/. - Activate the plugin through the Plugins menu in WordPress.
- Go to Tables in the admin menu and create your first table.
- Use the shortcode
[bara_table id="your-table-slug"]to embed it.
FAQ
-
What data sources are supported?
-
CSV files from the media library, manual data entry via the admin editor, WordPress content, and external MySQL/MariaDB databases.
-
How do I add a chart?
-
Create a table first, then go to Charts and create a new chart linked to that table. Use
[bara_chart id="your-chart-slug"]to embed it. -
Can I customize the table appearance?
-
Yes. The Options tab provides controls for striping, hover effects, borders, compact mode, pagination style, button labels, search text, and info display. You can also arrange layout zones for full control over where controls appear.
-
Can I style BaraTables with custom CSS?
-
Yes. BaraTables keeps its frontend design intentionally light so your theme can stay in control. You can use your theme stylesheet, the Site Editor, or additional custom CSS to adjust colors, spacing, typography, borders, and button styles.
-
Where can I see examples?
-
Visit https://ktisisweb.com/baratables/ for screenshots, feature notes, and styling guidance.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“BaraTables” is open source software. The following people have contributed to this plugin.
Contributors
Translate “BaraTables” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.0
New:
* Editable Table ID: rename a table’s shortcode ID after it is created (handy for fixing a typo). Charts linked to the table are updated automatically, and a notice reminds you to update any [bara_table] shortcodes already placed in your content.
* Editable Chart ID: the same rename ability for charts, with a reminder to update any [bara_chart] shortcodes already placed in your content.
* Reorder manual-data rows directly in the editor with up and down controls.
* Manual-table column headers are now translation-ready and follow the site language.
* Import a table from another table plugin or a spreadsheet: upload a JSON or XML table export, or a CSV file, and BaraTables creates a matching table for you.
Improvements:
* Wide manual-data tables now scroll horizontally while keeping the row number and row controls in view.
* Smoother admin experience: clearer first-time guidance, a Show/Hide help text preference, improved click-to-copy for shortcodes and IDs, and fewer page reloads when configuring a WP Query source.
* The Table ID / Chart ID now tucks behind an “Edit ID” link (like WordPress’s permalink editor), keeping the builder header clean.
* On Columns & Filters, the column boxes now lay out two-up on desktop, so a single column no longer stretches across the full width.
* Paste tabular data straight from a spreadsheet into the manual-data grid.
* Editing a column’s heading now updates its label in the column list and the selected-order pills instantly, without a refresh.
Fixes:
* Removed a deprecated jQuery call (jQuery.trim) that logged a browser console warning.
* Corrected date columns that used far-future Unix timestamps.
* Fixed date/time format conversion when importing a table from another plugin (e.g. 24-hour “HH” and short-month “MMM” no longer convert incorrectly).
* CSV tables with row-level access control now enforce it even when no display columns are selected.
* The admin column picker now shows translation-ready default column names, matching the rendered table.
* Numeric columns now sort numerically instead of being mis-read as dates (e.g. values like 3.15, 3.2, 3.9 sort in numeric order).
* Hardened the table/chart builder AJAX endpoints to require administrator access, matching the rest of the plugin.
* Gantt charts no longer show a spurious “no data series selected” warning when saved.
* Reordering columns now correctly enables the Refresh Preview button.
* Switching the data source away from and back to CSV no longer clears the columns loaded for the selected file.
* Additional input-sanitization hardening across the admin and import request handlers.
1.0.1
- Improved date formatting controls for WordPress date columns, including support for the site’s default date format.
- Hardened frontend table and chart configuration output.
- Improved internal table and chart lookups for better admin performance.
- Switched generated chart IDs to WordPress-native UUIDs.
- Cleaned the release package for WordPress.org distribution.
1.0.0
- Initial release.