The table shortcode is one of the Jupiter shortcodes that allows you to create a table with four columns. You can select one of two styles for your table.
In this article, we’ll explain how to configure the table shortcode.
To see the table shortcode in action, check out the demo page.
Displaying the Table Shortcode
To add the shortcode:
| Setting | Description |
|---|---|
| Title | Adds a title for the table. |
Configuring the Table Settings
After you’ve added the table shortcode, a pop-up window will appear where you can configure the options. Below is a detailed description of each option for the table shortcode.
Creating a Table
To create a table you can either use the sample and enter the data you need, or you can create your own table.
| Setting | Description |
|---|---|
| Table HTML Content | Add content to the table by editing a sample or create your own table via the HTML editor. |
Configuring the Table Styling
There is only one setting to style the table.
| Setting | Description |
|---|---|
| Style | Sets the table style. Only two options are available: Style 1 and Style 2. |
Configuring the Visibility for Devices
The Visibility For Devices field in the settings pop-up allows you to configure the visibility of the shortcode on different devices.
You can read the Configuring the visibility for devices article for further explanation.
Adding an Extra Class Name
The Extra Class Name field in the settings pop-up allows you to add an extra class name to the shortcode. It’s useful when you need to target the shortcode in a style sheet or JavaScript file.
You can read the Adding a custom CSS class to a shortcode article for any further explanation.
