The Repeater Table widget for Elementor is a powerful tool that transforms repeater fields from ACF, JetEngine, Meta Box, and Toolset into dynamic, structured tables. This widget enables users to display data effortlessly without manual entry, making it ideal for showcasing product specifications, team details, or any repeatable content. With extensive customization options, including layout control, typography settings, and responsive design, it ensures your tables are visually appealing and easy to manage.
Let’s look at each of the options in the Repeater Table widget for Elementor below.
Elementor Repeater Table Video Tutorial
Add a Repeater Table Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Repeater Table”
- Hover over the widget in the search results and click install
- Add the “Repeater Table” widget to any Elementor Page
Repeater Settings
Repeater Source
You can select the repeater source from below options.
- Meta Fields: Uses meta fields from the current post or a custom post type as the source.
- JSON / CSV: Accepts data from uploaded JSON or CSV files.
- Google Sheets: Connects to a Google Sheets file as the data source.
Meta Field Name
Specify the name of the meta field that contains the repeater data.
Meta Field Location
- Current Post: Use this option to fetch meta field data from the currently displayed post.
- Parent Post: Select this option to fetch meta field data from the parent post of the current post.
- Select Post: Choose this option to manually select a specific post as the source of meta field data.
- Current Term: Use this option to fetch meta field data from the currently displayed taxonomy term.
- Parent Term: Select this option to fetch meta field data from the parent taxonomy term of the current term.
- Current User: Use this option to fetch meta field data from the currently logged-in user.
Show Debug Data
Toggle this option to display raw data for testing and debugging purposes.
Show Debug Meta
Toggle this option to display meta information for debugging purposes.
Number of Columns to Show
Specify how many columns to display in the repeater table.
Column Numbers to Hide on Desktop
Enter the column numbers (comma-separated) you want to hide on desktop.
Column Numbers to Hide on Tablet
Enter the column numbers separated by comma, you want to hide on tablets.
Column Numbers to Hide on Mobile
Enter the column numbers (comma-separated) you want to hide on mobile devices.
General Settings
Filtering
Toggle this option to enable or disable filtering of rows in the repeater data.
Pagination
Show/hide the pagination on repeater table.
Soritng
Enable or disable the sorting of rows in the repeater.
Show Row Number
Toggle this option to display or hide the row numbers alongside the data in repeater table.
Columns Setting
Manage the columns items using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Enter the title for the column. This title will appear as the table header for the respective column.
Mode
Choose how the column data is displayed.
- Basic: Displays plain data from the specified field without additional formatting.
- Advanced: Enables customization using HTML for the column's content.
Column Field Name
Enter the field name corresponding to the data source for the column.
Hide on Desktop/Tablet/Mobile
Specify the devices where the column should be hidden by switching the corresponding options for Desktop, Tablet, or Mobile.
Repeater Table Widget Styling
You can customize every aspect of the widget’s design, including colors, text, icons, fonts, and layout, to perfectly match your website’s style.
Table Head Styling
Set the typography, padding, alignment, background, color, and border of table head.
First Cell Styling
You can set the typography, text alignment, background, color, and border of first cell.
Rows Styling
Set the rows background color, text color, and border.
Rows (odd) Styling
You can set the background color, text color and border of odd rows.
Rows (even) Styling
Set the background color, text color and border of even rows.
Columns Styling
Here, you can set the columns typography, padding, text alignment, background color, text color, and border.
Expand Collapse Icons Styling
Set the icon size of expand/collapse icons.
Repeater Table Design Examples For Elementor
Here are some live use cases for the Repeater Table Widget.
Chocolate shake nutrients as repeater field.
Team member details as repeater field.
We hope this guide has helped you understand the features and benefits of the Repeater Table Widget for Elementor. With its seamless integration, flexible customization options, and responsive design, you can effortlessly display repeater field data in a structured and visually appealing way. If you have any questions or need further assistance, feel free to reach out. Happy designing!
