vTables WordPress Plugin
Discover In-Depth Guides, Troubleshooting Tips, and Pro Tips: Your Go-To Resource for Mastering vTables in WordPress.
Requirements
Ensure your system meets the following requirements:
– WordPress version 6.4 or higher
– PHP version 8.0 or higher
– Browser compatibility: Edge >= 88, Firefox >= 78, Chrome >= 87, Safari >= 13.1
Installation
Automatic Mode
For free version only.
- Navigate to WordPress Admin Dashboard → Plugins → Add New.
- Search for “vTables,” click “Install Now,” and then activate it.
Manual Mode
- Download the latest version from vtables.pro.
- Go to WordPress Admin Dashboard → Plugins → Add New → Upload Plugin → Install Now, and then activate it.
Adding a Table
Click on “+ Add table” button.
With premium plans [LITE, ADVANCED], you can import and sync files directly from Google Sheets or Google Drive:
– Fill out the title field.
– Paste a link to a publicly available Google Sheet file.
– Click “IMPORT” to complete the process.
For the FREE version, import local CSV files:
– Click “Pick file” to select and upload a file or multiple files.
Importing a Table
Open your Google Sheet file that you'd like to import. Click "File" → "Share" → "Share with others".
In the popup, "General access" set to "Anyone with the link".
Then click "Copy link" button, after that click "Done" button.
Open vTables PRO plugin. Make sure you have "LITE" or "ADVANCED" license.
On the "Tables" page click "+ Add Table" button.
In the popup make sure "Remote Files" tab is active.
Fill out "Title" field, and paste the previously copied linked from Google Sheet in the "URL" field.
Click "Import".
Editing Table Content
Click on the table you want to update.
Click “Open” button, make necessary edits, save the file as CSV.
On the table page, click “Fetch” button to apply changes from the saved CSV file.
For premium plans [LITE, ADVANCED], direct edits on the Google Sheet will be fetched by clicking “Fetch” button.
Fetching Table
The “Fetch” button pulls the latest changes from your local or remote spreadsheet for users with premium plans [LITE, ADVANCED].
Renaming Tables
Select a table you’d like to rename, and then click on “Edit” button that located in the”Title” field (top left corner).
Removing Tables
To remove one or multiple tables, check the desired tables and click “Remove selected” button.
Shortcodes
Use shortcodes to display tables in posts, pages, and widgets. Copy/paste the shortcode wherever needed.
Example:
To obtain a value from specific row and column you can add next attributes: row, column.
Example:
Import/Export
Users with premium plans [LITE, ADVANCED] can import spreadsheets from Google Drive or Google Sheets, and export selected spreadsheets in different formats: JSON, CSV.
Table Settings
Each table has individual settings accessible on the “Edit” screen. Change background color, adjust text color, make a table dense or flat, and alter table separator.
ADVANCED users enjoy enhanced flexibility through access to additional settings, enabling them to craft a distinctive and personalized aesthetic for their tables.
ADVANCED settings includes:
Columns: Show/hide columns, set max width, make columns sticky, and change colors.
Content: Manage links, images, and their display options.
Dimensions: Set table height and width.
Export: Export table as CSV or JSON.
Top: Modify header appearance, make it sticky, hide/show title.
Fullscreen: Enable users to expand tables into fullscreen mode.
Pagination: Set records per page, change background, text colors, or hide this section.
Search: Add a search field to a table.
Sorting: Turn on/off sorting for columns.
View: Display tables in grid mode.
Reset: Reset settings to default.
Custom CSS
Customize the look and feel by adding custom CSS to your theme. Each table has a general (e.g. “.vtable”) and a unique wrapper with a distinct CSS class (e.g., “vtable-253”, where 253 is the table ID).