Get plugins bundle today and save over 80%
Data Tables Generator

Create and manage data tables easily with Data Table Generator WordPress plugin. Make data table responsive, sorting, pagination, filtering with graphs and charts.

Data Tables Plugin Features

  • No coding require
  • Responsive data tables on all devices
  • Enable table Caption, Header, Footer
  • Data Editor
  • Search option
  • Google charts integration

Data Table Example

Check All Examples
Here is the example with main Data Table options – Front-end export, Sorting, Search, CSS styles, Comments (you can check them on the header row), Editable fields on front-end (try to edit “Hours/Week” column).

Line Chart Example of sales for several months. More diagram and chart examples

Video Tutorial

FAQ and Documentation

Check All FAQs
Data Tables Plugin Installation

One more advantage of Data Tables WordPress Plugin is an easy installation. To install it, you should make three following steps:

  1. Download Data Tables Generator by Supsystic plugin.
  2. Upload to your WordPress plugins directory.
  3. Activate and enjoy.
Use Data Tables Generator plugin
Step 1: Creating Responsive Data Table
  1. On the left navigation menu click “Add new table”.
  2. Enter the title of table, set the number of Rows and Columns.
  3. Click “OK”.

Step 2: Adding data to the Tables by Supsystic

More detail information you can find here – How to Create Data Tables in WordPress
Most widespread reasons for plugin non-working

If you have some problem with our Supsystic plugins – plugin is not working at all or partially – please, take into account the most common causes of plugin-crashing.

Read more..

Make table responsive
Data Tables Generator by Supsystic automatically creates responsive tables. All tables of plugin are responsive by default. On Settings tab you can find “Responsive mode” option with which you are able to choose different responsive modes for your table – Standard Responsive mode, Automatic column hiding, Horizontal scroll or simply disable it.
Search by the table
  1. In the Settings of a table go to “Features” section.
  2. Find “Searching” option and activate it.
  3. Over the table will appear the search field.
Sort the table
With Data Tables by Supsystic you can alter the ordering characteristics of the table. Using ordering (sorting) option, you can set the table to display the data in exactly the order that you want.
  1. In the Settings of a table go to “Features” section.
  2. Find “Ordering” option and activate it.
Format content of the table

In order to format content of the table – click “Editor” button. Here you can:

  • insert row and column to the table
  • set the font of text – bold and italic
  • choose text and background color
  • specify horizontal and vertical alignment

Besides, by clicking the right button of the mouse (choose the certain cell, column or row and click the right button of mouse) you have such abilities

  • cancel or restore your actions
  • insert row or column where you want
  • remove row or column
  • enable “Read only” mode for any cells, rows and columns and even for the whole table
  • set the alignment of text

Also you have the ability to change the column / row width – use your mouse, move the cursor on right side of the column boundary / (bottom side of the row boundary) you want until it becomes a resize cursor, and then drag the boundary.

Add table into site content
You can add a table in the site content via shortcode. Learn more about how to do this here.
Use formulas in tables
  1. Go to Editor of Data Table.
  2. Select a cell and start typing. In a cell, type an equal sign “=” to start the formula.
  3. Fill in the rest of the formula.
  4. Save the changes of table.
  5. Check the result of formula in the table on your site.
Learn more about how to do this here.
Merge cells
  1. Go to Editor of Data Table.
  2. Select a cells and right button on your mouse.
  3. Click on “Merge cells”
Learn more about how to do this here.
Use html elements in tables
  1. Go to Editor of Data Table.
  2. Select a cell and start typing. In a cell, type html code. For example: <input type="submit" value="Download Now" >
  3. Click “Save”
Learn more about how to do this here.
How to change table and cell size
Learn more about how to do this here.
Change the 'Table Search' font colour
Learn more about how to do this here.
What does Google Charts option allow to do?
  1. Select the type for your charts;
  2. Customize the display of rows and columns;
  3. Set the size for your diagrams;
  4. Select the legend position;
  5. Set the title for diagrams and Axis;
  6. Change custom colors.
More detail information you can find here – Google charts and diagrams
How to freeze header, footer or any column in the table?
  1. Go to Settings tab and turn on any of these options: “Fixed Header”, “Fixed Footer”, “Fixed Columns”.
    • If you enable “Fixed Header” and/or “Fixed Footer”, then “Header” and “Footer” options must be enabled as well. They will be checked automatically, please don’t turn them off.
    • Also you need to set “Fixed Table Height” in px. This value must be less than the original table height to create a vertical scroll, otherwise you will not see that the fixed header / footer exists.
    • If you enable “Fixed Columns”, you can also set the number of left and right columns that should be locked in place.
  2. Save the settings.
More detail information you can find here – Freeze option in Data Tables plugin

All available languages are provided with Data Tables Generator plugin. If your language isn’t available, your plugin will be in English by default.

Available Translations: English, Polish, Russian, French, German, Italian, Dutch, Finnish, Bulgarian

Translate or update translation Data Tables WordPress plugin in your language and get a Premium license for FREE. Contact us.