1. Home
  2. Docs
  3. 3rd Party Elements
  4. TablePress

TablePress EA Element

 


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the TablePress Element

 

»Content

 

Layout

⇒Select Table: Select the table from the tables you’ve added using the TablePress plugin.

⇒H Customize the header alignment either left, center or right.

⇒Body Customize the body alignment of the table either left, center or right.

⇒Navigation Hide: Show/hide the navigation information area from the table.

⇒Search Hide: Show/hide the search box from the table.

⇒Footer Info Hide: Show/hide the footer information area from the table.

⇒Pagination Hide: Show/hide the pagination area from the table.

 


»Style

 

Table

⇒Global Color: Add a custom color to the global area (navigation, search box, and footer) of the table.

⇒Border Style: Select a border style from the list according to your preference. And then set the border width for the top, right, bottom and left of the table for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

⇒Pagination/Search Gap: Generate some gaps between the table body and table header.

⇒Footer Text/NavigationGap: Generate some gaps between the table body and table footer.

⇒Width: Customize the table width for different dimensions.

⇒Alignment: Set the alignment either left, right or center.

 

Header

⇒Background: Add a custom color to the header background of the table.

⇒Hover/Active Background: Add a custom background color to the header for hover/active mode.

⇒Text Color: Add a custom color to the header texts of the table.

⇒Border Style: Select a border style from the list according to your preference. And then set the border width for the top, right, bottom and left of the table header for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

⇒Padding: Set the padding value for the top, right, bottom and left around the header for different dimensions. You can link the values together or customize them individually.

 

Body

⇒Border Style: Select a border style from the list according to your preference. And then set the border width for the top, right, bottom and left of the table body for different dimensions. You can link the values together or customize them individually.

⇒Cell Padding: Set the padding value for the top, right, bottom and left around the table cell for different dimensions. You can link the values together or customize them individually.

⇒Background: Add a custom color to the table’s body background for both normal and stripe views.

⇒Text Color: Add a custom color to the body texts of the table for both normal and stripe views.

⇒Border Color: Add a custom color to the border for both normal and stripe views.

⇒Hover Background: Add a custom background color to the body for hover mode.

Navigation/Search

⇒Color: Add a custom color to the navigation/search texts in the table.

⇒Background Color: Add a custom background color to the navigation/search area in the table.

⇒Padding: Set the padding value for the top, right, bottom and left around the navigation/search for different dimensions. You can link the values together or customize them individually.

⇒Border Type: Here, select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the navigation/search for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

⇒Radius: Set the border-radius around the navigation/search border for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 

Pagination

⇒Text Color: Add a custom text color to the pagination for both normal and disable mode in the table.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the TablePress Element.


Was this article helpful to you? Yes No

How can we help?