In this documentation, we will show you how to customize the Table widget presented by Element Pack Pro.
Inserting The Table Widget
On the Elementor editor page, search by the Table widget name, then drag and drop it on the page.
Note: You need both Elementor and Element Pack Pro installed to use this widget.
Content Tab Customizations
Table section Customization
Go to Content > Table
Step-1
Come to the Table section, Find the Table Type (Custom HTML Table, Static Data, CSV File, and Google Sheet) options.
Step-2
Here also Find the Table HTML Tag, Header Alignment, Body Alignment, Responsive options, and Datatable, Hide Header switchers.
Data Table Settings section
Go to Content > Data Table Settings
Find the Search, Ordering, Pagination, and Info switchers option.
Work with The Style Tab
Table section Customization
Go to Style > Table
Find the Stripe Style, Remove Vertical Border, and Leading Column Style switchers.
Also, find the Border Style, Border Width, and Border Color options.
Header section
Go to Style > Header
Find the Background Color, Text Color, Border Style, Border Width, Border Color, Radius, Padding, and Typography options.
Body section
Go to Style > Body
Step-1
Come to the Body section, you will find two sub-section; Normal and Hover.
Here in the Normal Mode, find the Text Color, Background Color, Border Style, Border Width, Border Color, Radius, Cell Padding, and Typography options.
Step-2
In the Hover Mode, find the Background Color, and Text Color options.
Filter section Customization
Go to Style > Filter
Step-1
Come to the Filter section, you will find two sub-section; Header and Footer.
Here in the Header Mode, Find the Text Color, Input Color, Input Background Color, Input Padding, Border Type, Border Width, Border Color, Input Radius, Box Shadow, and Space options.
Step-2
In the Footer mode, Find the Text Color, Pagination Color, Pagination Active Color, and Space options.
All done! You have successfully customized the Table widget on your website.
Video Assist
You can also watch the tutorial video about the Table widget. Please visit the demo page for examples.
Thanks for staying with us.
