July Special Offer! Get UP TO 40% OFF - Limited Time Only!

Documentation

Table Widget Overview

This module is used to show data in tabular form and in a more organized way. You can easily set up a table on your page, and there are many modifications that you can make to your table.

Content Tab#

The content tab takes care of the header, body, and footer text. You can enter the cell details, change the row span, and col span, and give an icon to the cell as well.  You can also give a custom CSS class and ID to the cell.

Style Tab#

All the customization related to the width, alignment, and border-radius can be done for the table. You can change the cell's background, text color, alignment, and border from this section.

Advanced Tab#

This Tab has five subsections-

  • Element Style - Here, you can change the margin, padding, z-index, and entrance animation and add CSS ID and classes.
  • Background - Here, you can set the background as classic or gradient and can even add the hover effects.
  • Border - Here, the properties related to the border are defined as border type, radius, box-shadow, and hover effects.
  • Responsive - Here, you set the responsiveness of the different devices to be active or not.
  • Custom CSS - This lets you add CSS code to the widget, and you can see it render live right in the editor.

Not the solution you are looking for?

Please check other articles or open a support ticket.

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.