{"id":104978,"date":"2023-03-06T16:46:01","date_gmt":"2023-03-06T11:16:01","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=104978"},"modified":"2023-07-18T10:23:13","modified_gmt":"2023-07-18T04:53:13","slug":"table-elementor-widget-settings-overview","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/table-elementor-widget-settings-overview\/","title":{"rendered":"Table Elementor Widget Settings Overview"},"content":{"rendered":"\n<p>Adding Elementor tables to your web design can be a great way to present information in an easy-to-read format. Tables are useful for showcasing statistical information, creating product comparison charts, and more. Elementor is a powerful and popular page builder platform used by WordPress users to build professional, responsive web designs.<\/p>\n\n\n\n<p>The Table widget from The Plus Addons for Elementor allows you to create highly customisable and responsive tables in Elementor. You can easily add images, buttons, and advanced features like search, sort, etc. in your Elementor table.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/table?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Required Setup<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor FREE Plugin<\/a> installed &amp; activated.<\/li>\n\n\n\n<li>You need to have <a href=\"https:\/\/wordpress.org\/plugins\/the-plus-addons-for-elementor-page-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">The Plus Addons for Elementor<\/a> plugin installed and activated.<\/li>\n\n\n\n<li>This is a Premium widget, and you need the <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\/?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" target=\"_blank\" rel=\"noreferrer noopener\">PRO version of The Plus Addons for Elementor<\/a>.<\/li>\n\n\n\n<li>Make sure the Table widget is activated, to verify this, visit Plus Settings \u2192 and Search for Table and activate.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Learn via Video Tutorial:<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Create Tables in Elementor with Sort, Filter, Search, and Images | Elementor Table Widget\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/QnrcqZ2vhWA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Activate the Table Widget?<\/h2>\n\n\n\n<p>Go to&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The Plus Settings <\/strong>\u2192<strong> Plus widgets&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Search <\/strong>the widget name<strong> <\/strong>and<strong> turn on the toggle <\/strong>then<strong> <\/strong>click<strong> Save.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"914\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-activate.png\" alt=\"table activate\" class=\"wp-image-104982\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-activate.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-activate-300x143.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-activate-1024x487.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-activate-768x366.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-activate-1536x731.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-activate-600x286.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Key Features<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Multiple content source<\/strong> &#8211; There are multiple ways to add content to the table, <strong>Standard<\/strong>, <strong><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/import-data-from-csv-in-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSV File<\/a><\/strong> and <strong><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/import-data-from-google-sheets-in-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Sheet<\/a><\/strong>.<\/li>\n\n\n\n<li><strong>Image \/ Icon<\/strong> &#8211; You can easily add icons or <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/insert-images-in-table-content-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">images to the table content<\/a>.<\/li>\n\n\n\n<li><strong>Tooltip <\/strong>&#8211; You can easily use tooltips as a hint for the content of your table.<\/li>\n\n\n\n<li><strong>Button<\/strong> &#8211; You can <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/insert-button-inside-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">add buttons inside your table<\/a>.<\/li>\n\n\n\n<li><strong>Vertical Scrollbar<\/strong> &#8211; You can easily <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-vertical-scrollbar-to-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">add a vertical scrollbar to your table<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Search <\/strong>&#8211; Add a search feature to easily search the content of a table.<\/li>\n\n\n\n<li><strong>Sorting<\/strong> &#8211; Easily <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/enable-sorting-in-elementor-tables\/\" target=\"_blank\" rel=\"noreferrer noopener\">sort table column data<\/a> using the sortable feature.<\/li>\n\n\n\n<li><strong>Entry Filter<\/strong> &#8211; You can <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/limit-the-number-of-rows-in-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">limit the initial visible table rows with the entry filter<\/a>.<\/li>\n\n\n\n<li><strong>Mobile Responsive<\/strong> &#8211; Easily <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/make-data-tables-mobile-responsive-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">make your table mobile responsive<\/a>.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to add content to the Table widget?<\/h2>\n\n\n\n<p>To add the Table widget from The Plus Addons for Elementor, search the widget in the Elementor widget panel and drag and drop it on the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"300\" height=\"652\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-widget.png\" alt=\"table widget\" class=\"wp-image-104983\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-widget.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-widget-138x300.png 138w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>Once you\u2019ve added the widget on the page, it will create a dummy table for you. You can work on the existing table or you can delete all the data and start from scratch.&nbsp;<\/p>\n\n\n\n<p>First, you have to choose the table content source from the <strong>Content Table<\/strong> dropdown under the <strong>Table<\/strong> tab. Here you\u2019ll find two options &#8211;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"300\" height=\"510\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-content.png\" alt=\"table content\" class=\"wp-image-104984\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-content.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-content-176x300.png 176w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p><strong>Custom<\/strong> &#8211; With this option, you have to add the table content manually.<\/p>\n\n\n\n<p><strong>CSV File<\/strong> &#8211; With this option, you can import a CSV file data in your table.&nbsp;<\/p>\n\n\n\n<p>We will use the Custom option here. You can learn more about the CSV File option <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/import-data-from-csv-in-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">from here<\/a>.<\/p>\n\n\n\n<p>From the <strong>Table Header<\/strong> tab, you can add the table\u2019s header. Once you open the tab, the first item you\u2019ll see is a <strong>row<\/strong>. It is the row of the table header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"515\" height=\"854\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-header-stracture.png\" alt=\"table header stracture\" class=\"wp-image-104985\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-header-stracture.png 515w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-header-stracture-181x300.png 181w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: To add a row in the table header or body, you have to initiate a row first.<\/em>&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>Open the item, you\u2019ll see an <strong>Action<\/strong> dropdown with two options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Start New Row<\/strong> &#8211; To initiate a new table row.<\/p>\n\n\n\n<p><strong>Cell Content<\/strong> &#8211; To add content in the table cell.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"771\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-header-row.gif\" alt=\"table header row\" class=\"wp-image-104986\"\/><\/figure>\n\n\n\n<p>It must be set to <strong>Start New Row<\/strong>.<\/p>\n\n\n\n<p>To edit the header cell content, open the first <strong>cell: ID<\/strong> item. You\u2019ll see the <strong>Action<\/strong> dropdown is set to <strong>Cell Content<\/strong> because it is a content cell.<\/p>\n\n\n\n<p>Then in the <strong>Content<\/strong> tab, you can add text content in the <strong>Text<\/strong> field.&nbsp;<\/p>\n\n\n\n<p>You can also add a tooltip to the content by enabling the <strong>Tooltip<\/strong> toggle. You can add the tooltip on an icon or the entire cell. In the <strong>Tooltip Content <\/strong>field, you can add the tooltip text.<\/p>\n\n\n\n<p>From the <strong>Icon\/Image<\/strong> tab, you can add an image or icon to the table content. <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/insert-images-in-table-content-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Learn the process<\/a>.<\/p>\n\n\n\n<p>Finally, from the <strong>Advanced<\/strong> tab, you can manage the Column Span (colspan), Row Span (rowspan), column width, individual cell colour and background colour.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: The column width set here will apply to all the cells of that particular column.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"948\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-header-content.gif\" alt=\"table header content\" class=\"wp-image-104988\"\/><\/figure>\n\n\n\n<p>You can follow the same process to edit the other table header cells.<\/p>\n\n\n\n<p>Click the <strong>+ Add Item<\/strong> button to add more cells to the table header.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: You can add a row as well but ideally, a table header should have only one row.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>To add or edit the table body content go to the <strong>Table Body<\/strong> tab. It works very similarly to the <strong>Table Header<\/strong> section.&nbsp;<\/p>\n\n\n\n<p>Similar to the <strong>Table Header,<\/strong> it will have a row first. Make sure the <strong>Action<\/strong> dropdown is set to <strong>Start New Row<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"1030\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-body-stracture.png\" alt=\"table body stracture\" class=\"wp-image-104989\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-body-stracture.png 536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-body-stracture-156x300.png 156w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-body-stracture-533x1024.png 533w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/figure>\n\n\n\n<p>Next, open the item you want to edit, and make sure the <strong>Action<\/strong> dropdown is set to <strong>Cell Content<\/strong>.&nbsp;<\/p>\n\n\n\n<p>From the <strong>Content<\/strong> tab, you can add the content for the cell in the <strong>Text<\/strong> field. You can also add a link to the cell from the <strong>Link<\/strong> field.<\/p>\n\n\n\n<p>You can turn on the <strong>Button<\/strong> toggle to add a button in the cell. <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/insert-button-inside-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">Learn the process<\/a>.<\/p>\n\n\n\n<p>Then you\u2019ll find a <strong>Tooltip<\/strong> toggle. You can turn it on to add a tooltip to the cell or on an icon. In the <strong>Tooltip Content<\/strong> field, you can add the tooltip text. This can be used to show additional information.<\/p>\n\n\n\n<p>From the <strong>Icon\/Image<\/strong> tab, you can add an image or icon to the table content. Learn the process.<\/p>\n\n\n\n<p>Then from the <strong>Advanced<\/strong> tab, you can manage the content alignment, Column Span (colspan), Row Span (rowspan) and you can also use the <strong>Mark this cell as a Table Heading?<\/strong> dropdown, to turn the cell into a table heading.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1044\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-body-content.gif\" alt=\"table body content\" class=\"wp-image-104987\"\/><\/figure>\n\n\n\n<p>You can follow the same process to edit other table body cells.<\/p>\n\n\n\n<p>Click the <strong>+ Add Item<\/strong> button to add more rows and cells in the table body.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: To add a row in the table header or body, you have to initiate a row first.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Make sure the number of columns in the table header and body are the same.<\/em><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Table Extra Settings<\/h2>\n\n\n\n<p>The Table widget from The Plus Addons for Elementor has some advanced features, which you can find under the <strong>Extra Settings<\/strong> tab. We\u2019ve covered each option in a separate doc.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Vertical Scrollbar<\/strong> &#8211; You can easily <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-vertical-scrollbar-to-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">add a vertical scrollbar to your table<\/a>.<\/li>\n\n\n\n<li><strong>Search <\/strong>&#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-a-search-in-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">Add a search feature to easily search the content of a table<\/a>.<\/li>\n\n\n\n<li><strong>Sorting<\/strong> &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/enable-sorting-in-elementor-tables\/\" target=\"_blank\" rel=\"noreferrer noopener\">Easily sort table column data using the sortable feature<\/a>.<\/li>\n\n\n\n<li><strong>Entry Filter<\/strong> &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/limit-the-number-of-rows-in-elementor-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">You can limit the initial visible table rows with the entry filter<\/a>.<\/li>\n\n\n\n<li><strong>Mobile Responsive<\/strong> &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/make-data-tables-mobile-responsive-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Easily make your table mobile responsive<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to style the Table widget?<\/h2>\n\n\n\n<p>You can style your table from the Style tab.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Depending on the table content source styling options will vary.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Table Header<\/strong> &#8211; From here, you can manage the table header content alignment, typography, colour and row background colour, padding, border etc.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: The text colour and row background colour set from an individual cell will override the text colour and background colour set from the table header tab.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"884\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/table-style.png\" alt=\"table style\" class=\"wp-image-104990\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-style.png 301w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/table-style-102x300.png 102w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n\n\n\n<p><strong>Table Body<\/strong> &#8211; You can use this tab to style the table body. You can manage content alignment, vertical alignment, typography, colour and row background colour, padding, border etc. You can also add a stripe effect to the table from here.<\/p>\n\n\n\n<p>If you use buttons in your table, you can manage its style, like padding, width, typography, colour, background colour, border etc. from here.<\/p>\n\n\n\n<p><strong>Icon \/ Image Options<\/strong> &#8211; From here, you can control the styling of icons and images of your table. You can manage the icon size, colour, position and spacing. You\u2019ll find similar settings for the image as well.<\/p>\n\n\n\n<p><strong>Search Bar \/ Show Entries<\/strong> &#8211; If you are using the search or show entry options in your table, you can manage their style from here. You\u2019ll find settings for label colour, input text colour, typography, background colour, padding, border etc. You can also set the width and bottom space for the search bar and show entry field separately.<\/p>\n\n\n\n<p><strong>Tooltip Options<\/strong> &#8211; To style the tooltip of your table, you can use this tab. Under this tab, you\u2019ll find &#8211;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tooltip Options<\/strong> &#8211; You can manage the tooltip position, theme, width, offset, and distance from here. You can choose the type of arrow and its colour. You can also set the tooltip trigger type and animation from here.<\/li>\n\n\n\n<li><strong>Tooltip Style<\/strong> &#8211; From here, you can manage the tooltip padding, text colour, background colour and border.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>You can also choose the tooltip icon, colour, size, left offset etc.<\/p>\n\n\n\n<p><strong>Table Option<\/strong> &#8211; From this tab, you can manage the overall table margin, padding, background, border, overflow etc.<\/p>\n\n\n\n<p><strong>On Scroll View Animation<\/strong> &#8211;&nbsp; This is our global extension available for all our widget, this adds scrolling animation as the widget comes in viewport.<\/p>\n\n\n\n<p><a href=\"https:\/\/docs.posimyth.com\/tpae\/on-scroll-view-animation\/\">Learn more about On Scroll View Animation<\/a><\/p>\n\n\n\n<p>Advanced options remain common for all our widget, you can explore all it options from here.<\/p>\n\n\n\n<p><a href=\"https:\/\/theplusblocks.com\/docs\/advanced-tab-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Advanced tab tutorial.<\/a><\/p>\n","protected":false},"author":16,"featured_media":104992,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[527,552],"class_list":["post-104978","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-plus-widgets","docs-table"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=104978"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104978\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/104992"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=104978"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=104978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}