Data Table

← All widgetsWidget 153 · emcp_custom_153

Elementor widget5 layouts19 content options28 style options5 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: table, data, csv, sortable, pricing, comparison.

Setup guide

Open a page in Elementor, search the panel for Data Table and drag it into a container.
Content › Data: Table Data (CSV), Delimiter, First Row Is Header, First Column Is Header, Caption, Footer Note.
Content › Features: Sortable Columns, Search Box, Search Placeholder, Rows Per Page (0 = all), Responsive Mode, Sticky Header, Striped Rows, Cell Borders and 5 more.
Pick a Style: Clean, Card, Dark header, Minimal lines, Rounded rows. Each one is shown below.
Style tab sections: Header, Cells, Search, Pager & Caption. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Conditional options: Search Placeholder appears when Search Box is yes.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

Clean

Style = clean

Layout

Card

Style = card

Layout

Dark header

Style = dark-head

Layout

Minimal lines

Style = minimal

Layout

Rounded rows

Style = rounded

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Data

Option	Type	Choices / range	Default	Notes
Table Data (CSV) `csv`	Textarea		Plan,Price,Storage,Users,Support Star...	One row per line, cells separated by the delimiter below. Wrap a cell in double quotes if it contains the delimiter. Cells may contain simple links: [Text](https://example.com).
Delimiter `delimiter`	Dropdown	Comma, Semicolon, Tab, Pipe	,
First Row Is Header `header_row`	Toggle	on / off	yes
First Column Is Header `header_col`	Toggle	on / off
Caption `caption`	Text
Footer Note `footer_note`	Text

Features

Option	Type	Choices / range	Default	Notes
Sortable Columns `sortable`	Toggle	on / off	yes
Search Box `search`	Toggle	on / off
Search Placeholder `search_ph`	Text		Search...	Shown when search = yes
Rows Per Page (0 = all) `per_page`	Number	min 0, max 500	0
Responsive Mode `responsive`	Dropdown	Horizontal scroll, Stack rows as cards (mobile), Hide columns after the third (mobile)	scroll
Sticky Header `sticky_head`	Toggle	on / off
Striped Rows `striped`	Toggle	on / off	yes
Cell Borders `bordered`	Toggle	on / off
Highlight Row on Hover `hover`	Toggle	on / off	yes
Compact `compact`	Toggle	on / off
Highlight Column (0 = none) `highlight_col`	Number	min 0, max 50	0
Right-align Numeric Cells `align_nums`	Toggle	on / off	yes
Style `style`	Dropdown	Clean, Card, Dark header, Minimal lines, Rounded rows	clean

Style tab

Header

Option	Type	Choices / range	Default	Notes
Typography `th_typo`	Typography
Color `th_color`	Color		#101828
Background `th_bg`	Color		#f9fafb
Header Background (dark header style) `th_bg_dark`	Color		#101828	Shown when style = dark-head
Header Text (dark header style) `th_color_dark`	Color		#ffffff	Shown when style = dark-head
Padding `th_pad`	Dimensions
Alignment `th_align`	Button group	Left, Center, Right	left
Sort Arrow Color `sort_color`	Color		#98a2b3

Cells

Option	Type	Choices / range	Default
Typography `td_typo`	Typography
Color `td_color`	Color		#344054
Padding `td_pad`	Dimensions
Alignment `td_align`	Button group	Left, Center, Right	left
Row Background `row_bg`	Color		#ffffff
Stripe Background `stripe_bg`	Color		#f9fafb
Hover Background `hover_bg`	Color		#f4ebff
Highlighted Column Background `hl_bg`	Color		#f4ebff
Border Color `border_color`	Color		#eaecf0
Border Width `border_w`	Slider	min 0, max 6, px	1
Table Radius `radius`	Slider	min 0, max 40, px	12
Table Shadow `shadow`	Box shadow
Link Color `link_color`	Color		#6a11cb
Header Column Typography `first_col_typo`	Typography

Search, Pager & Caption

Option	Type	Default
Caption Typography `cap_typo`	Typography
Caption Color `cap_color`	Color	#101828
Footer Note Color `note_color`	Color	#667085
Search Border `input_border`	Color	#d0d5dd
Pager Color `pager_color`	Color	#475467
Pager Active Background `pager_active`	Color	#6a11cb

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_153" and a settings object using the keys above. Run get-custom-widget with id 153 for the full JSON spec.