As you know, Tables are the most common and oldest form of elements used when building websites. Use our Table widget to create simple as well as complex table layouts. Also, you can create a table using CSV file which is awesome. It can be useful for creating all types of Comparison, Pricing, or other Advanced Layouts with ease.
How to use the Table Widget of The Plus Addons For Elementor
The Table can be created in two ways i.e. Custom or using a CSV file. Let’s understand how to use this widget in the tutorial below.
Search for the Table Widget from the Elementor screen in the left and then drag and drop it into the content building area.
After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.
Specify if you want to add a Custom Table or add a CSV file.
Set the table header content here. We have already created on sample table for you. Follow along the lines to create your own by simply editing it.
Click on Add Item to add your table content.
Row: You can add a new row
Cell Content: Add your content, icon and set other advance settings such as Column Span, Row Span, Column Width Color, and Background Color.
Very similarly, add content for your table body.
Slide right to enable if you want you table content to be searched.
Search Field Label
Enter text here for Search Field Label.
Slide right to enable a sortable table.
Entry Filter Dropdown
Enable to control the number of entries in a table.
Specify what type of mobile responsiveness you want to use.
The Style tab is used for customizing the appearance of all the Table widget components. Let’s understand each of these customization options.
Set the Alignment, Typography, Padding, Row Text Color, Row Background Options for the Table header here.
Set the Alignment, Typography, Padding, Row Text Color, Background Type, and Box Shadow for the Table Body and button here.
Set the Color, Size, Positioning, Spacing of the Icon, and Image.
Search Bar/Show Entries
Set the Label Color, Typography, Background color, Padding, Width of the Search Bar and Show Entries section.
Set the Magin, Padding, Background, and Broder for the Table.
On Scroll View Animation
On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.
View On Scroll View Animation Tutorial