Documentation

Dynamic Table Overview

A fully-featured, data-driven HTML table widget for Elementor. Supports multiple data sources, rich per-cell content types, sortable columns, pagination, search, tooltips, star ratings, and deep styling control across every part of the table.

General#

Controls the data source and responsive behavior of the entire widget.

  • Source: Manual, CSV File, Google Sheets, Posts, ACF Repeater (when ACF is active)
  • ACF Repeater Field: ACF repeater field picker (source: ACF Repeater)
  • Field Location: Current Post, Current User, Current Term, Options Page (source: ACF Repeater)
  • CSV File Type: Upload a file from the media library, or import from a URL (source: CSV)
  • Google Sheets URL: Public spreadsheet URL (source: Google Sheets)
  • Table Cell Range: Specify a named range or A1 notation, e.g. Sheet1!A1:D10 (source: Google Sheets)
  • Refresh Data After Cache duration: 1 hour, 1 day, 1 week, 1 month, 1 year (source: Google Sheets)
  • Responsive Mode: None, Stack (collapses rows), Scroll (horizontal overflow)
  • Responsive Breakpoint: Select the active breakpoint at which responsive mode activates

Dynamic Cells (Posts and ACF Repeater sources only)#

Defines which data fields map to table columns.

  • Posts Source - Column Repeater: Each repeater item configures one column.

    • Column Heading: Text label for the cell
    • Field Type: Post Title, Post Author, Post Date, Post Excerpt, Post Content, Featured Image, ACF Field (when ACF is active)
    • Image Size: Standard WordPress image sizes (visible when Field Type = Featured Image)
    • ACF Field: Textual ACF field picker (visible when Field Type = ACF Field)
    • HTML Tag: H1-H6, div, span, p -- wraps the cell value

  • ACF Repeater Source - Column Repeater: Each item maps one ACF sub-field to a column.

    • ACF Repeater Subfield: Picker limited to textual ACF sub-fields
    • HTML Tag: H1-H6, div, span, p
    • Field Type: Default, Text, Textarea, Number, WYSIWYG, Image

Query (Posts source only)#

Standard DynamicKit query controls: post type, manual selection, current query, include/exclude by term and author, ordering, offset, and date range.

Header (Manual source only)#

Repeater of <th> cells. Each header cell has three sub-tabs.

  • Content tab

    • Text: Plain text with dynamic tag support
    • Icon Type: None, Icon (icon library), Image
    • Icon: Icon library picker (when Icon Type = Icon)
    • Image: Media picker with Image Size control (when Icon Type = Image)
    • Icon Position: Before or After the text
    • Column Span: colspan attribute (1–30)
    • Row Span: rowspan attribute (1–30)

  • Tooltip tab

    • Tooltip Content: WYSIWYG field with dynamic tag support; rendered as a tooltip

  • Style tab (per-cell overrides)

    • Background Color: Overrides header background for this cell
    • Text Color: Overrides header text colour for this cell
    • Width: px / % / em / rem / vw
    • CSS ID: Custom HTML id attribute
    • CSS Classes: Space-separated custom classes

Body (Manual source only)#

Repeater of rows and cells. Each repeater item starts either a new Row or a new Cell.

  • Row items have no content controls; they create a <tr>.
  • Cell items have three sub-tabs.

Content tab

  • Content Type: Default, Star Rating, List, Template, Shortcode, HTML
  • Text Type: None, Basic Text, Rich Text Editor (WYSIWYG) — visible for Default type
  • Text: Plain textarea with dynamic tag support
  • Rich Text: WYSIWYG editor with dynamic tag support
  • Icon Type: None, Icon, Image
  • Icon: Icon library picker
  • Image: Media picker with Image Size control
  • Icon Position: Before / After
  • Show Button: Toggle to add a call-to-action button inside the cell
  • Button Text: Label text with dynamic tag support
  • Button Icon: Inline icon picker
  • Button Icon Position: Start / End
  • Link: URL with optional target and rel, dynamic tag support
  • Apply Link To: Cell or Button (when Show Button is on)
  • Rating: Numeric value (step 0.5) with dynamic tag support — for Star Rating type
  • List Type: Ordered (<ol>) or Unordered (<ul>) — for List type
  • List Items: One item per line — for List type
  • Shortcode: Standard WordPress shortcode — for Shortcode type
  • Choose Template: Saved Elementor template — for Template type
  • HTML Code: Raw HTML block — for HTML type (respects Elementor user capability)
  • Column Span: colspan (1–30)
  • Row Span: rowspan (1–30)

Tooltip tab

  • Tooltip Content: WYSIWYG with dynamic tag support

Style tab

  • Background Color: Overrides body cell background
  • Text Color: Overrides body cell text colour
  • CSS ID: Custom id attribute
  • CSS Classes: Custom class list

Identical structure to Body (Row / Cell repeater items) rendered inside <tfoot>. Same Content, Tooltip, and Style sub-tabs apply.

Rating (Manual source only)#

Global rating appearance shared by all Star Rating cells.

  • Rating Scale: Maximum number of stars (1–10, default 5)
  • Icon: Any icon from the Elementor icon library (default: eicon-star)

Tooltip (Manual source only)#

Global tooltip configuration. Script and style assets are only enqueued when this is enabled.

  • Enable Tooltip: Master toggle
  • Trigger: Hover / Click
  • Size: Default, Tiny, Small, Large
  • Position: Top, Left, Right, Bottom (responsive)
  • Show Arrow: Yes / No
  • Animation: Fade, Fall, Grow, Slide, Swing
  • Display On: Text (the cell text acts as the trigger) or Icon (a custom icon is inserted)
  • Icon: Shown when Display On = Icon (default: fas fa-info-circle)
  • Distance: Gap between trigger and tooltip balloon (px)
  • Z-Index: Stacking context for the tooltip layer

Settings#

Advanced DataTables-powered features. All options under this section require Advanced Options to be enabled.

  • Advanced Options: Master toggle; when off, column span/bg/width styles from the Columns style section are used instead of DataTables
  • Sortable Table: Click column headers to sort ascending / descending
  • Show Table Info: Displays "Showing X to Y of Z entries"
  • Show Search Form: Live client-side search input
  • Search Form Label: Custom label text (default: "Search:")
  • Show Pagination: Paginate rows on the front end
  • Page Limit: Rows per page
  • Show Length Change: "Entries per page" dropdown above the table

Not the solution you are looking for?

Please check other articles or open a support ticket.