This article assumes you already have access to the Admin area of your WordPress website. If you do not, contact your website administrator.
This article also assumes that your WordPress website has the JTRT Responsive Tables plugin installed. If you do not, contact your website administrator.
This plugin creates tables in two steps: 1) you create the table itself, then 2) you enter a "shortcode" into a Post or Page where you want the table to appear. A shortcode looks something like [jtrt_tables id="19993"] and tells WordPress to insert table "19993" into this place.
Once logged into the Admin area of your WordPress website (the numbers correspond to those in the screenshot below):
- In the left navigation, hover over JTRT Table, then click Add New; once the Add New Table page appears, notice the following areas of the page...
- The table title (or name): You can choose to show this to your users or not, and it will be necessary to distinguish your tables from one another, so perhaps name it something meaningful, perhaps reflecting the name of the page or post into which you plan to insert it.
- The table option tabs: The Editor tab is what you are initially looking at, where you will create your table; the Options tab is discussed below.
- The menu bar: Each of these drops down when you hover over them, and each should be easy to figure out, but if not, please ask for more details.
- The toolbar: This should be familiar for anyone with word-processor experience, but again, if not, please ask.
- The cell value: This will reflect the contents of whatever cell you place your cursor into; you can edit that content either here or directly in the cell.
- The table: You can click into any cell to edit it, select an entire row or column to format it, even copy entire rows or columns and paste into other rows or columns. Also note that you can right-click on cells to get extended menu options, and even use formulas!
- The Publish section: This is the same as when you are creating a Post or Page, allowing you to Save Draft or Publish.
- And finally is the shortcode: You will need to copy and paste into the Post or Page where this table should appear.
- The Table Options tab contains several tabs itself...
- General Options: You can choose to show or hide the title of your table, and in what position it should display...
- Responsive Options: You can choose how the table should display on devices that are not big enough to fit the entire table; when each option is selected, a brief description appears below, as Scrolling is here...
- Front-end Options: You choose to include Filtering, Sorting and Pagination options to your users, as well as Row and Column Highlighting, or even add Custom CSS Classes, if you plan to add custom CSS...
- DOCS: This tab is still under construction, so forward any questions you have to AdvantiPro.
Once you have created your table, copy the shortcode from under the Publish section, highlighted as number 9 in the first screenshot above, or in the below screenshot, [jtrt_tables id="19996"]
The above, when viewed on the website, would look something like this:
