Sitewide Ramadan Sale!

Up To
30%

Savings

Ending in:

Wpmet Symbol
Day
Hou
Min
Sec

ElementsKit Table Widget

An effective WordPress plugin table with filter allows you to display and customize user data. The elementor table widget for WordPress is useful to display data in a sorted way with various advanced styling options. You can design a table according to your chosen options and show information. And, there are two options also to upload any existing table of contents.

In this documentation, we will discuss the functions of this WordPress table widget.

WordPress Plugin Table with Filter #

Navigate to ElementsKit > ElementsKit > Widgets > Turn ON Table Widget > Save Changes

WordPress plugin table with filter is helpful to organize and show your data.

Table #

There are two data type options, Custom and CSV. You can custom your Data or you can also upload a CSV file. Let’s see how they work.

Data Type- CSV #

  • Select Data Type: CSV File
  • File Type: Upload File
  • Upload a CSV file. And, if you already have a file uploaded in Insert Media then find the file and click on insert.
  • Header Alignment: Set the table’s header alignment Left, Center, or Right.
Use ElementsKit table widget for WordPress as table comparison.

Remote File URL– If you choose this file type you can show data using a CSV file that’s located on a different server. For that, after selecting the Remote File URL just enter the CSV File URL in the field.

Google Sheet Viewer URL– Again, to use a Google sheet data in your WordPress table, choose this file type and enter the Google Sheet URL in the field. You must remember that, the google sheet URL should have the access of Anyone on the internet with this link can view.

Data Type- Custom #

Select Custom from the option. Let’s see how you can customize a table and insert your data accordingly.

Header Table Area– Click the option

  • It will be Expanded
  • Add or Edit Text
  • Set Header Background Color

Icon Type: None, Icon, or Image then Upload Image in the next option.

Icon Position– Select Before, After or on the Top

Icon Spacing– Custom Icon Spacing between text and icon

Add Item- See the options

  • Add or edit header
  • Add new header
  • Select Header Alignment: Left, Center, or Right

Body Content #

  • Click to expand
  • Enable new row
  • Add or Edit Column Text
  • Customize any column

Column Background Color– Select any Background Color from the palette.

Column Text Color- Select any Column Text Color from the palette

  • Icon Type- Select: None, Icon, or Image
  • Icon- Upload Icon
  • Icon position- Before, After or on the Top

Column Icon Spacing- Set spacing between Text and Icon and choose icon background color.

Add New

  • You can Copy the existing column
  • Enable to Add New Row
  • Add URL
  • Add New Item
  • Select Alignment: Left, Center or Right

Table Setting #

  • Display Serial Number- Enable to Display Serial Number.
  • Serial Header Text- Add or Edit Serial Header.

Search- Enable to Search any Item from the table

Fixed Header- Enable to make fix your header

Ordering- Enable Ordering to reorder any item

Enable Responsive- Just enable the option if you need

Pagination- There is a few steps here

  • Enable Pagination
  • You can show Icon only Arrow or only text. You can also select Both
  • Upload Previous Arrow and Next arrow
  • Add or Edit Previous Text and Next Text
  • Enable Info
  • Enable Entries
  • Show Item Per Page

So, this table widget provides standard table display facilities for applications. Hope, you may find this easy-to-use and a time-saver tool.

What are your feelings
Updated on June 30, 2022