Data Tables Generator by Supsystic

Step 1: Creating Responsive Data Table =

1. On the left navigation menu click “Add a new table (or spreadsheet)”.
2. Enter the title of a table, set the number of Rows and Columns.
3. Click “OK”.

1. Click “Editor” spreadsheet button.
2. Fill the table.
3. Customize the data – here you can:

1. In order to return to a configuration of tables – click the “Settings” button.
2. Here you can manage all the settings of Data Tables Generator plugin.
3. Simply navigate the corresponding section of properties – Table Elements, Features, Styling.

1. On the left navigation menu click “Tables”.
2. Find the table which you need and copy the shortcode.
3. Paste the shortcode into your post or page and Data Tables Generator by Supsystic will automatically create a table on your page.

Different tutorials about data editing you can find here

Main Table settings is here

If you need to change a visual style of the table, go to Settings of Data Tables Generator by Supsystic and find Appearance Tab. Customize the Table view of the table using the next options:

• Auto & Fixed Table Width
• Fixed Table Width for mobile.
• Light-box
• Borders – you can select “Cell” border – inserts a border around all four sides of each cell or “Row” border – inserts a border only above and under each row.
• Compact – reduce the amount of white space.
• Highlighting – enable row highlighting as the mouse pointer hovers over an object.
• Disable wrapping – disable wrapping of the table content, so all text in the cells will be on a single line.
• Highlight the order column – highlight the column that the table data is currently ordered by.
• Row striping – for example – you use a table, but the table’s rows are difficult to separate visually, especially when there are many columns (or multiple lines to a row) – add row striping to a table, it will display rows background in two similar shades of color. Read more about all the design optionsin our tutorial.

With Data Tables Generator plugin you have an opportunity to export and import your tables. You can export files of four types:

• CSV
• PDF
• XLS
• XLSX If you already have the table and you need to use it on your site use Import option. You can import files of such formats:
• CSV,
• XLS,
• Google Spreadsheets.

There are the different ways to add table to your website, using:

• Table shortcode
• Table Part shortcode
• Value shortcode
• Cell shortcode
• History shortcode
• PHP code
• Front-end Import Form
• Table shortcode and PHP code can be found on the left navigation menu if you click “Tables”. For each table, its own shortcode and PHP code are written here.

You can paste HTML elements into our tables. Read here how to do that.

Go to Editor of Data Table. Select a cell and start typing. In a cell, type an equal sign “=” to start the formula. Fill in the rest of a formula. Save the changes of a table. Check the result of a formula in the table on your site. Learn more about how to use formulas in tables here.

This tutorial can help you easily get started to use WooCommerce Product Table and create searchable, filterable, responsive product table for your store.

Your WooCommerce Product table can include any of the following columns: Product attributes, Categories, SKU, Add to cart button, Summary, Date, Price, Product Thumbnail, Reviews. You can display each type as a separate column in the product table. To take full advantage of the WooCommerce Product Table have a look at the examples with different features.

Plugin has comprehensive documentation Also, you can find more answers at forum page.