How to use the Tablepress Widget by Element Pack Pro

  • BdThemes
  • How to use the Tablepress Widget by Element Pack Pro

Table Of Contents

How to use the Tablepress Widget by Element Pack Pro

In this documentation, we will show you how to customize the Tablepress widget presented by Element Pack Pro.

Inserting The Tablepress Widget

insert table press - BdThemes

Inserting the widget by following this,

  1. Search by the Tablepress widget name.
  2. Then select the appear widget ( with Element Pack Pro logo T.R corner).
  3. After Drag and Drop it on the Elmentor Editor page.

Content Tab

The Content tab controller displayed here offers the flexibility to adjust the layout of the widget according to your preferences.

Layout Section

Go to Content > Layout

layout 5 - BdThemes

Customize the changes controls of the tablepress,

  1. Select Table: Select table from the source.
  2. Header Alignment: Set alignment for the table header.
  3. Body Alignment: Set alignment for the body content.
layout 2 1 - BdThemes
  1. Navigation Hide: Enable this to hide the naviagtion.
  2. Search Hide: Enable this to hide the Search.
  3. Footer Info Hide: Enable this to hide the footer info.
  4. Pagination Hide: Enable this to hide the pagination.

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects that are visually appealing and cohesive with the overall design of the interface.

Table Section

Go to Style > Table

table - BdThemes

Make the table section stylish by following,

  1. Global Color: Set the global color for the text.
  2. Border Style: Set the border style.
  3. Border Width: Set the width for the border.
table 2 - BdThemes
  1. Border Color: Set the border color.
  2. Pagination/Search Gap: Set the gap between the paginatio/search from the table.
  3. Footer Text/Navigation Gap: Set the gap between the text/navigation from the table.

Header Section

Go to Style > Header

header 3 - BdThemes

Make the header section beautifully customize,

  1. Background: Set the background for the header.
  2. Hover/Active Background: Set hover/active background.
  3. Text Color: Set the text color.
header 2 1 - BdThemes
  1. Border Style: Set the style for the border.
  2. Border Width: Set the width for the border.
  3. Border Color: Set border color.
  4. Padding: Set padding for inner space.

Body Section

Go to Style > Body

body - BdThemes

Make the body section more interactive by following the controls,

  1. Border Style: Set the style for the border.
  2. Border Width: Set width for border.
  3. Cell Padding: Set cell padding.

Normal Tab for Body

body normal - BdThemes
  1. Background: Set the backgroud for normal row.
  2. Text Color: Set the text color.
  3. Border Color: Set the border color.
  4. Hover Background: Set the hover background color.

Stripe Tab for Body

body stripes - BdThemes
  1. Background: Set the backgroud for stripe row.
  2. Text Color: Set the text color.
  3. Border Color: Set the border color.
  4. Hover Background: Set the hover background color.

Navigation/Search Section

Go to Style > Navigation/Search

Navigation search - BdThemes

Customize the navigation/search section,

  1. Color: Set the color for the navigation/search section.
  2. Background: Set the background color.
  3. Padding: Set the padding.

Video Assist

You can watch the video above to learn about the Search widget.
Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge