# easy-elements/1.0.7/widgets/table/table-normal.php

Easy Elements for Elementor – Addons & Website Templates, version 1.0.7. 1,767 lines.

- Page: https://pluginprobe.com/plugins/easy-elements/1.0.7/code/widgets/table/table-normal.php
- Raw: https://pluginprobe.com/plugins/easy-elements/1.0.7/raw/widgets/table/table-normal.php
- Modified: 2025-11-17T12:55:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-elements/1.0.7/code/widgets/table/table-normal.php#L10-L20`.

```php
<?php
use \Elementor\Controls_Manager;
use \Elementor\Repeater;
use \Elementor\Group_Control_Border;
use \Elementor\Group_Control_Typography;

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
/**
 * Elementor Table Widget.
 *
 * @since 1.0.0
 */
if( !class_exists("Easyel_Table_Elementor_Widget") ) {
	class Easyel_Table_Elementor_Widget extends \Elementor\Widget_Base {

		public function get_style_depends() {
			$handle = 'eel-table-style';
			$css_path = plugin_dir_path( __FILE__ ) . 'css/table.css';	    
			if ( ! wp_style_is( $handle, 'registered' ) && file_exists( $css_path ) ) {
				wp_register_style( $handle, plugins_url( 'css/table.css', __FILE__ ), [], defined( 'WP_DEBUG' ) && WP_DEBUG ? filemtime( $css_path ) : '1.0.0' );
			}
			return [ $handle ];
		}  

		public function get_script_depends() {
			$handle = 'eel-table-script';
			$js_path = plugin_dir_path( __FILE__ ) . 'js/table.js';
		
			if ( ! wp_script_is( $handle, 'registered' ) && file_exists( $js_path ) ) {
				wp_register_script( $handle, plugins_url( 'js/table.js', __FILE__ ), [ 'jquery' ], filemtime( $js_path ), true );
			}
		
			return [ $handle ];
		}

		public function get_name() {
			return 'eel-table';
		}

		/**
		 * Get widget title.
		 *
		 * Retrieve oEmbed widget title.
		 *
		 * @since 1.0.0
		 * @access public
		 *
		 * @return string Widget title.
		 */
		public function get_title() {
			return esc_html__( 'Table', 'easy-elements' );
		}

		/**
		 * Get widget icon.
		 *
		 * Retrieve oEmbed widget icon.
		 *
		 * @since 1.0.0
		 * @access public
		 *
		 * @return string Widget icon.
		 */
		public function get_icon() {
			return 'easyicon easyelIcon-clients-logo-grid';
		}

		/**
		 * Get widget categories.
		 *
		 * Retrieve the list of categories the oEmbed widget belongs to.
		 *
		 * @since 1.0.0
		 * @access public
		 *
		 * @return array Widget categories.
		 */
		public function get_categories() {
			return [ 'easyelements_category' ];
		}

		/**
		 * Register oEmbed widget controls.
		 *
		 * Adds different input fields to allow the user to change and customize the widget settings.
		 *
		 * @since 1.0.0
		 * @access protected
		 */

		public function get_keywords() {
	        return [ 'table', 'simple', 'data', 'click', 'text' ];
	    }
	    
		protected function register_controls() {

			$this->start_controls_section(
				'content_table_header',
				[
					'label' => esc_html__( 'Table Header', 'easy-elements' ),
					'tab' => Controls_Manager::TAB_CONTENT,
				]
			);

			$this->add_control(
				'table_header',
				[
					'label' => esc_html__( 'Table Header Cell', 'easy-elements' ),
					'type' => Controls_Manager::REPEATER,
					'prevent_empty' => false,
					'fields' => [
						[
							'name' => 'text',
							'label' => esc_html__( 'Text', 'easy-elements' ),
							'type' => Controls_Manager::TEXT,
							'label_block' => true,
							'placeholder' => esc_html__( 'Table Header', 'easy-elements' ),
							'default' => esc_html__( 'Table Header', 'easy-elements' ),
							'dynamic' => [
								'active' => true,
							]
						],
						[
							'name'	=> 'header_icon',
							'label' => esc_html__( 'Icon', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'table_head_icon',
							'label' => esc_html__( 'Icon', 'easy-elements' ),
							'type' => \Elementor\Controls_Manager::ICONS,
							'default' => [
								'value' => 'far fa-user-circle',
								'library' => 'fa-solid',
							],
							'condition' => [
								'header_icon' => 'yes',
							],
						],
						[
							'name'	=> 'advance',
							'label' => esc_html__( 'Advance Settings', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'colspan',
							'label' => esc_html__( 'colSpan', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'condition' => [
								'advance' => 'yes',
							],
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'colspannumber',
							'label' => esc_html__( 'colSpan Number', 'easy-elements' ),
							'type' => Controls_Manager::TEXT,
							'condition' => [
								'advance' => 'yes',
								'colspan' => 'yes',
							],
							'placeholder' => esc_html__( '1', 'easy-elements' ),
							'default' => esc_html__( '1', 'easy-elements' ),
						],
						[
							'name'	=> 'customwidth',
							'label' => esc_html__( 'Custom Width', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'condition' => [
								'advance' => 'yes',
							],
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'width',
							'label' => esc_html__( 'Width', 'easy-elements' ),
							'type' => Controls_Manager::SLIDER,
							'condition' => [
								'advance' => 'yes',
								'customwidth' => 'yes',
							],
							'range' => [
								'%' => [
									'min' => 0,
									'max' => 100,
								],
								'px' => [
									'min' => 1,
									'max' => 1000,
								],
							],
							'default' => [
								'size' => 30,
								'unit' => '%',
							],
							'size_units' => [ '%', 'px' ],
							'selectors' => [ '{{WRAPPER}} table.easyel-table .easyel-table-header {{CURRENT_ITEM}}' => 'width: {{SIZE}}{{UNIT}};',
							]
						],
						[
							'name' => 'align', 
							'label' => esc_html__( 'Alignment', 'easy-elements' ),
							'type' => Controls_Manager::CHOOSE,
							'condition' => [
								'advance' => 'yes',
							],
							'options' => [
								'left' => [
									'title' => esc_html__( 'Left', 'easy-elements' ),
									'icon' => 'eicon-text-align-left',
								],
								'center' => [
									'title' => esc_html__( 'Center', 'easy-elements' ),
									'icon' => 'eicon-text-align-center',
								],
								'right' => [
									'title' => esc_html__( 'Right', 'easy-elements' ),
									'icon' => 'eicon-text-align-right',
								],
								'justify' => [
									'title' => esc_html__( 'Justified', 'easy-elements' ),
									'icon' => 'eicon-text-align-justify',
								],
							],
							'default' => '',
							'selectors' => [
								'{{WRAPPER}} table.easyel-table .easyel-table-header {{CURRENT_ITEM}}' => 'text-align: {{VALUE}};',
							]
						],
						[
							'name' => 'vertical_align', 
							'label' => esc_html__( 'Vertical Alignment', 'easy-elements' ),
							'type' => Controls_Manager::CHOOSE,
							'condition' => [
								'advance' => 'yes',
							],
							'options' => [
								'top' => [
									'title' => esc_html__( 'Top', 'easy-elements' ),
									'icon' => 'fa fa-arrow-up',
								],
								'middle' => [
									'title' => esc_html__( 'Middle', 'easy-elements' ),
									'icon' => 'fa fa-arrows-v',
								],
								'bottom' => [
									'title' => esc_html__( 'Bottom', 'easy-elements' ),
									'icon' => 'fa fa-arrow-down',
								],
							],
							'default' => 'top',
							'toggle' => true,
							'selectors' => [
								'{{WRAPPER}} table.easyel-table .easyel-table-header {{CURRENT_ITEM}}' => 'vertical-align: {{VALUE}};',
							]
						],
						
						[
							'name'	=> 'decoration',
							'label' => esc_html__( 'Decoration', 'easy-elements' ),
							'type' => Controls_Manager::SELECT,
							'condition' => [
								'advance' => 'yes',
							],
							'options' => [
								''  => esc_html__( 'Default', 'easy-elements' ),
								'underline' => esc_html__( 'Underline', 'easy-elements' ),
								'overline' => esc_html__( 'Overline', 'easy-elements' ),
								'line-through' => esc_html__( 'Line Through', 'easy-elements' ),
								'none' => esc_html__( 'None', 'easy-elements' ),
							],
							'default' => '',
							'selectors' => [
								'{{WRAPPER}} table.easyel-table .easyel-table-header {{CURRENT_ITEM}}' => 'text-decoration: {{VALUE}};',
							],
						],
						[
							'name'	=> 'table_head_tooltip',
							'label' => esc_html__( 'Tooltip Settings', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'table_head_tooltip_icon',
							'label' => esc_html__( 'Tooltip Icon', 'easy-elements' ),
							'type' => \Elementor\Controls_Manager::ICONS,
							'default' => [
								'value' => 'fas fa-question-circle',
								'library' => 'fa-solid',
							],
							'condition' => [
								'table_head_tooltip' => 'yes',
							],
						],
						[
							'name'	=> 'table_head_tooltip_description',
							'label' => esc_html__('Tooltip Description', 'easy-elements' ),
							'type' => \Elementor\Controls_Manager::TEXTAREA,
							'rows' => 10,
							'placeholder' => esc_html__( 'Type your tooltip description here', 'easy-elements' ),
							'condition' => [
								'table_head_tooltip' => 'yes',
							],
						],
					],
					'default' => [
						[ 'text' => esc_html__( 'Table Header', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Header', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Header', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Header', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Header', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Header', 'easy-elements' ) ],						
					],
					'title_field' => '{{{ text }}}',
				]
			);

			$this->end_controls_section();

			$this->start_controls_section(
				'content_table_body',
				[
					'label' => esc_html__( 'Table Body', 'easy-elements' ),
					'tab' => Controls_Manager::TAB_CONTENT,
				]
			);

			$repeater = new Repeater();

			
			$repeater->add_control(
				'row', [
					'label' => esc_html__( 'New Row', 'easy-elements' ),
					'type' => Controls_Manager::SWITCHER,
					'label_off' => esc_html__( 'No', 'easy-elements' ),
					'label_on' => esc_html__( 'Yes', 'easy-elements' ),
				]
			);

			$repeater->add_control(
			'table_body_choose_img_icon',
				[
					'label' => esc_html__( 'Select Type', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::SELECT,
					'default' => 'icon',
					'options' => [
						'icon' => esc_html__( 'Icon', 'easy-elements' ),
						'image' => esc_html__( 'Image', 'easy-elements' ),
					],
				]
			);

			$repeater->add_control(
				'table_icon',
				[
					'label' => esc_html__( 'Icon', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::ICONS,
					'condition' => [
						'table_body_choose_img_icon' => ['icon']
					]
				]
			);
			
			$repeater->add_control(
				'table_image',
				[
					'label' => esc_html__( 'Image', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::MEDIA,
					'default' => [
						'url' => \Elementor\Utils::get_placeholder_image_src(),
					],
					'condition' => [
						'table_body_choose_img_icon' => ['image']
					]
				]
			);

			$repeater->add_control(
				'text', [
					'label' => esc_html__( 'Text', 'easy-elements' ),
					'type' => Controls_Manager::WYSIWYG,
					'label_block' => true,
					'placeholder' => esc_html__( 'Table Data', 'easy-elements' ),
					'default' => esc_html__( 'Table Data', 'easy-elements' ),
					'dynamic' => [
						'active' => true,
					]
				]
			);

			$repeater->add_control(
				'advance', [
					'label' => esc_html__( 'Advance Settings', 'easy-elements' ),
					'type' => Controls_Manager::SWITCHER,
					'label_off' => esc_html__( 'No', 'easy-elements' ),
					'label_on' => esc_html__( 'Yes', 'easy-elements' ),
				]
			);

			$repeater->add_control(
				'colspan', [
					'label' => esc_html__( 'colSpan', 'easy-elements' ),
					'type' => Controls_Manager::SWITCHER,
					'condition' => [
						'advance' => 'yes',
					],
					'label_off' => esc_html__( 'No', 'easy-elements' ),
					'label_on' => esc_html__( 'Yes', 'easy-elements' ),
				]
			);

			$repeater->add_control(
				'colspannumber', [
					'label' => esc_html__( 'colSpan Number', 'easy-elements' ),
					'type' => Controls_Manager::TEXT,
					'condition' => [
						'advance' => 'yes',
						'colspan' => 'yes',
					],
					'placeholder' => esc_html__( '1', 'easy-elements' ),
					'default' => esc_html__( '1', 'easy-elements' ),
				]
			);

			$repeater->add_control(
				'rowspan', [
					'label' => esc_html__( 'rowSpan', 'easy-elements' ),
					'type' => Controls_Manager::SWITCHER,
					'condition' => [
						'advance' => 'yes',
					],
					'label_off' => esc_html__( 'No', 'easy-elements' ),
					'label_on' => esc_html__( 'Yes', 'easy-elements' ),
				]
			);	

			$repeater->add_control(
				'rowspannumber', [
					'label' => esc_html__( 'rowSpan Number', 'easy-elements' ),
					'type' => Controls_Manager::TEXT,
					'condition' => [
						'advance' => 'yes',
						'rowspan' => 'yes',
					],
					'placeholder' => esc_html__( '1', 'easy-elements' ),
					'default' => esc_html__( '1', 'easy-elements' ),
				]
			);		

			$repeater->add_control(
				'table_body_data_flex',
				[
					'label' => esc_html__( 'Data Flex', 'easy-elements' ),
					'type' => Controls_Manager::SWITCHER,
					'label_off' => esc_html__( 'No', 'easy-elements' ),
					'label_on' => esc_html__( 'Yes', 'easy-elements' ),
					'condition' => [
						'advance' => 'yes',
					]
				]
			);

			$repeater->add_control(
				'data-flex-align', [
					'label' => esc_html__( 'Alignment', 'easy-elements' ),
					'type' => Controls_Manager::CHOOSE,
					'condition' => [
						'advance' => 'yes',
						'table_body_data_flex' => 'yes',
					],
					'options' => [
						'start' => [
							'title' => esc_html__( 'Left', 'easy-elements' ),
							'icon' => 'eicon-text-align-left',
						],
						'center' => [
							'title' => esc_html__( 'Center', 'easy-elements' ),
							'icon' => 'eicon-text-align-center',
						],
						'end' => [
							'title' => esc_html__( 'Right', 'easy-elements' ),
							'icon' => 'eicon-text-align-right',
						],
						'space-between' => [
							'title' => esc_html__( 'Justified', 'easy-elements' ),
							'icon' => 'eicon-text-align-justify',
						],
					],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body .data-flex' => 'justify-content: {{VALUE}};',
					],
				]
			);

			$repeater->add_responsive_control(
				'flex-data-mid-gap',
					[
					'label' => esc_html__( 'Middle Gap', 'easy-elements' ),
					'type' => Controls_Manager::SLIDER,
					'size_units' => [ '%', 'px' ],
					'condition' => [
						'advance' => 'yes',
						'table_body_data_flex' => 'yes',
					],				
					'selectors' => [ '{{WRAPPER}} table.easyel-table .easyel-table-body .data-flex' => 'gap: {{SIZE}}{{UNIT}};',
					]
				],
			);

			$repeater->add_control(
				'align', [
					'label' => esc_html__( 'Alignment', 'easy-elements' ),
					'type' => Controls_Manager::CHOOSE,
					'condition' => [
						'advance' => 'yes',						
						'table_body_data_flex!' => 'yes',
					],
					'options' => [
						'left' => [
							'title' => esc_html__( 'Left', 'easy-elements' ),
							'icon' => 'eicon-text-align-left',
						],
						'center' => [
							'title' => esc_html__( 'Center', 'easy-elements' ),
							'icon' => 'eicon-text-align-center',
						],
						'right' => [
							'title' => esc_html__( 'Right', 'easy-elements' ),
							'icon' => 'eicon-text-align-right',
						],
						'justify' => [
							'title' => esc_html__( 'Justified', 'easy-elements' ),
							'icon' => 'eicon-text-align-justify',
						],
					],
					'default' => '',
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body {{CURRENT_ITEM}}' => 'text-align: {{VALUE}};',
					],
				]
			);

			$repeater->add_control(
				'vertical_align', [
					'label' => esc_html__( 'Vetical Alignment', 'easy-elements' ),
					'type' => Controls_Manager::CHOOSE,
					'condition' => [
						'advance' => 'yes',
					],
					'options' => [
					'top' => [
						'title' => esc_html__( 'Top', 'easy-elements' ),
						'icon' => 'eicon-v-align-top',
					],
					'middle' => [
						'title' => esc_html__( 'Middle', 'easy-elements' ),
						'icon' => 'eicon-v-align-middle',
					],
					'bottom' => [
						'title' => esc_html__( 'Bottom', 'easy-elements' ),
						'icon' => 'eicon-v-align-bottom',
					],
				],
					'default' => '',
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body {{CURRENT_ITEM}}' => 'vertical-align: {{VALUE}};',
					],
				]
			);
			$repeater->add_control(
				'advanced_item_bg_color',
				[
					'label' => esc_html__( 'Background Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body {{CURRENT_ITEM}}' => 'background-color: {{VALUE}};',
					]
				]
			);
			$repeater->add_control(
				'advanced_item_text_color',
				[
					'label' => esc_html__( 'Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body {{CURRENT_ITEM}}' => 'color: {{VALUE}};',
					]
				]
			);
			$repeater->add_control(
				'advanced_item_icon_color',
				[
					'label' => esc_html__( 'Icon Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body {{CURRENT_ITEM}} i' => 'color: {{VALUE}};',
						'{{WRAPPER}} table.easyel-table .easyel-table-body {{CURRENT_ITEM}} svg' => 'fill: {{VALUE}};',
					]
				]
			);
			$repeater->add_control(
				'tb_cswidthS',
				[
					'label' => esc_html__( 'Custom Width', 'easy-elements' ),
					'type' => Controls_Manager::SELECT,
					'type' => Controls_Manager::SWITCHER,
					'condition' => [
						'advance' => 'yes',
					],
					'label_off' => esc_html__( 'No', 'easy-elements' ),
					'label_on' => esc_html__( 'Yes', 'easy-elements' ),
				]
			);	
			$repeater->add_responsive_control(
				'tb_cswidth',
				[
				'label' => esc_html__( 'Width', 'easy-elements' ),
				'type' => Controls_Manager::SLIDER,
				'size_units' => [ '%', 'px' ],
				'condition' => [
					'advance' => 'yes',
					'tb_cswidthS' => 'yes',
				],
				'range' => [
					'%' => [
						'min' => 0,
						'max' => 100,
					],
					'px' => [
						'min' => 1,
						'max' => 1000,
					],
				],
				
				'selectors' => [ '{{WRAPPER}} table.easyel-table .easyel-table-body {{CURRENT_ITEM}}' => 'width: {{SIZE}}{{UNIT}};',
				]
				],
			);

			$repeater->add_control(
				'decoration',
				[
					'label' => esc_html__( 'Decoration', 'easy-elements' ),
					'type' => Controls_Manager::SELECT,
					'condition' => [
						'advance' => 'yes',
					],
					'options' => [
						''  => esc_html__( 'Default', 'easy-elements' ),
						'underline' => esc_html__( 'Underline', 'easy-elements' ),
						'overline' => esc_html__( 'Overline', 'easy-elements' ),
						'line-through' => esc_html__( 'Line Through', 'easy-elements' ),
						'none' => esc_html__( 'None', 'easy-elements' ),
					],
					'default' => '',
					'selectors' => [
						'{{WRAPPER}} table.easyel-table {{CURRENT_ITEM}}' => 'text-decoration:{{VALUE}};',
					],
				]
			);	
			$repeater->add_control(
				'table_body_tooltip',
				[
				'label' => esc_html__( 'Tooltip Settings', 'easy-elements' ),
				'type' => Controls_Manager::SWITCHER,
				'label_off' => esc_html__( 'No', 'easy-elements' ),
				'label_on' => esc_html__( 'Yes', 'easy-elements' ),
				]
			);
			$repeater->add_control(
				'table_body_tooltip_icon',
				[
					'label' => esc_html__( 'Tooltip Icon', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::ICONS,
					'default' => [
						'value' => 'fas fa-question-circle',
						'library' => 'fa-solid',
					],
					'condition' => [
						'table_body_tooltip' => 'yes',
					],
				]
			);
			$repeater->add_control(
				'table_body_tooltip_description',
				[
					'label' => esc_html__('Tooltip Description', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::TEXTAREA,
					'rows' => 10,
					'placeholder' => esc_html__( 'Type your tooltip description here', 'easy-elements' ),
					'condition' => [
						'table_body_tooltip' => 'yes',
					],
				]
			);

			$this->add_control(
				'table_body',
				[
					'label' => esc_html__( 'Table Body Cell', 'easy-elements' ),
					'type' => Controls_Manager::REPEATER,
					'fields' => $repeater->get_controls(),

					'default' => [
						[ 'text' => esc_html__( 'Table Data', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Data', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Data', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Data', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Data', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table Data', 'easy-elements' ) ],
					],

					'title_field' => '{{{ text }}}',
				]
			);


			$this->end_controls_section();

			$this->start_controls_section(
				'content_table_footer',
				[
					'label' => esc_html__( 'Table footer', 'easy-elements' ),
					'tab' => Controls_Manager::TAB_CONTENT,
				]
			);
			$this->add_control(
				'table_footer',
				[
					'label' => esc_html__( 'Table footer Cell', 'easy-elements' ),
					'type' => Controls_Manager::REPEATER,
					'prevent_empty' => false,
					'default' => [
						[ 'text' => esc_html__( 'Table footer', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table footer', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table footer', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table footer', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table footer', 'easy-elements' ) ],
						[ 'text' => esc_html__( 'Table footer', 'easy-elements' ) ],						
					],

					'fields' => [
						[
							'name' => 'text',
							'label' => esc_html__( 'Text', 'easy-elements' ),
							'type' => Controls_Manager::TEXT,
							'label_block' => true,
							'placeholder' => esc_html__( 'Table footer', 'easy-elements' ),
							'default' => esc_html__( 'Table footer', 'easy-elements' ),
							'dynamic' => [
								'active' => true,
							]
						],
						[
							'name'	=> 'advance',
							'label' => esc_html__( 'Advance Settings', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'colspan',
							'label' => esc_html__( 'colSpan', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'condition' => [
								'advance' => 'yes',
							],
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'colspannumber',
							'label' => esc_html__( 'colSpan Number', 'easy-elements' ),
							'type' => Controls_Manager::TEXT,
							'condition' => [
								'advance' => 'yes',
								'colspan' => 'yes',
							],
							'placeholder' => esc_html__( '1', 'easy-elements' ),
							'default' => esc_html__( '1', 'easy-elements' ),
						],
						[
							'name'	=> 'customwidth',
							'label' => esc_html__( 'Custom Width', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'condition' => [
								'advance' => 'yes',
							],
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'width',
							'label' => esc_html__( 'Width', 'easy-elements' ),
							'type' => Controls_Manager::SLIDER,
							'condition' => [
								'advance' => 'yes',
								'customwidth' => 'yes',
							],
							'range' => [
								'%' => [
									'min' => 0,
									'max' => 100,
								],
								'px' => [
									'min' => 1,
									'max' => 1000,
								],
							],
							'default' => [
								'size' => 30,
								'unit' => '%',
							],
							'size_units' => [ '%', 'px' ],
							'selectors' => [ '{{WRAPPER}} table.easyel-table .easyel-table-footer {{CURRENT_ITEM}}' => 'width: {{SIZE}}{{UNIT}};',
							]
						],
						[
							'name' => 'align', 
							'label' => esc_html__( 'Alignment', 'easy-elements' ),
							'type' => Controls_Manager::CHOOSE,
							'condition' => [
								'advance' => 'yes',
							],
							'options' => [
								'left' => [
									'title' => esc_html__( 'Left', 'easy-elements' ),
									'icon' => 'eicon-text-align-left',
								],
								'center' => [
									'title' => esc_html__( 'Center', 'easy-elements' ),
									'icon' => 'eicon-text-align-center',
								],
								'right' => [
									'title' => esc_html__( 'Right', 'easy-elements' ),
									'icon' => 'eicon-text-align-right',
								],
								'justify' => [
									'title' => esc_html__( 'Justified', 'easy-elements' ),
									'icon' => 'eicon-text-align-justify',
								],
							],
							'default' => '',
							'selectors' => [
								'{{WRAPPER}} table.easyel-table .easyel-table-footer {{CURRENT_ITEM}}' => 'text-align: {{VALUE}};',
							]
						],
						[
							'name' => 'vertical_align', 
							'label' => esc_html__( 'Vertical Alignment', 'easy-elements' ),
							'type' => Controls_Manager::CHOOSE,
							'condition' => [
								'advance' => 'yes',
							],
							'options' => [
								'top' => [
									'title' => esc_html__( 'Top', 'easy-elements' ),
									'icon' => 'eicon-v-align-up',
								],
								'middle' => [
									'title' => esc_html__( 'Middle', 'easy-elements' ),
									'icon' => 'eicon-v-align-middle',
								],
								'bottom' => [
									'title' => esc_html__( 'Bottom', 'easy-elements' ),
									'icon' => 'eicon-v-align-bottom',
								],
							],
							'default' => '',
							'selectors' => [
								'{{WRAPPER}} table.easyel-table .easyel-table-footer {{CURRENT_ITEM}}' => 'text-align: {{VALUE}};',
							]
						],
						
						[
							'name'	=> 'decoration',
							'label' => esc_html__( 'Decoration', 'easy-elements' ),
							'type' => Controls_Manager::SELECT,
							'condition' => [
								'advance' => 'yes',
							],
							'options' => [
								''  => esc_html__( 'Default', 'easy-elements' ),
								'underline' => esc_html__( 'Underline', 'easy-elements' ),
								'overline' => esc_html__( 'Overline', 'easy-elements' ),
								'line-through' => esc_html__( 'Line Through', 'easy-elements' ),
								'none' => esc_html__( 'None', 'easy-elements' ),
							],
							'default' => '',
							'selectors' => [
								'{{WRAPPER}} table.easyel-table .easyel-table-footer {{CURRENT_ITEM}}' => 'text-decoration: {{VALUE}};',
							],
						],
						[
							'name'	=> 'table_foot_tooltip',
							'label' => esc_html__( 'Tooltip Settings', 'easy-elements' ),
							'type' => Controls_Manager::SWITCHER,
							'label_off' => esc_html__( 'No', 'easy-elements' ),
							'label_on' => esc_html__( 'Yes', 'easy-elements' ),
						],
						[
							'name'	=> 'table_foot_tooltip_icon',
							'label' => esc_html__( 'Tooltip Icon', 'easy-elements' ),
							'type' => \Elementor\Controls_Manager::ICONS,
							'default' => [
								'value' => 'fas fa-question-circle',
								'library' => 'fa-solid',
							],
							'condition' => [
								'table_foot_tooltip' => 'yes',
							],
						],
						[
							'name'	=> 'table_foot_tooltip_description',
							'label' => esc_html__('Tooltip Description', 'easy-elements' ),
							'type' => \Elementor\Controls_Manager::TEXTAREA,
							'rows' => 10,
							'placeholder' => esc_html__( 'Type your tooltip description here', 'easy-elements' ),
							'condition' => [
								'table_foot_tooltip' => 'yes',
							],
						],
					],
					'title_field' => '{{{ text }}}',
				]
			);
			$this->end_controls_section();

			$this->start_controls_section(
				'section_style',
				[
					'label' => esc_html__( 'General Style', 'easy-elements' ),
					'tab' => Controls_Manager::TAB_STYLE,
				]
			);

			$this->add_control(
				'vertical_align_table', [
					'label' => esc_html__( 'Vetical Alignment', 'easy-elements' ),
					'type' => Controls_Manager::CHOOSE,
					'options' => [
					'top' => [
						'title' => esc_html__( 'Top', 'easy-elements' ),
						'icon' => 'eicon-v-align-top',
					],
					'middle' => [
						'title' => esc_html__( 'Middle', 'easy-elements' ),
						'icon' => 'eicon-v-align-middle',
					],
					'bottom' => [
						'title' => esc_html__( 'Bottom', 'easy-elements' ),
						'icon' => 'eicon-v-align-bottom',
					],
				],
					'default' => '',
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body td' => 'vertical-align: {{VALUE}};',
						'{{WRAPPER}} table.easyel-table .easyel-table-body th' => 'vertical-align: {{VALUE}};',
					],
				]
			);
			$this->add_responsive_control(
				'table_margin',
				[
					'label' => esc_html__( 'Table Margin', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_responsive_control(
				'table_padding',
				[
					'label' => esc_html__( 'Table Padding', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table thead th' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						'{{WRAPPER}} table.easyel-table tbody td' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);

			$this->add_group_control(
				Group_Control_Border::get_type(),
				[
					'name' => 'table_border',
					'label' => esc_html__( 'Border', 'easy-elements' ),
					'selector' => '{{WRAPPER}} table.easyel-table tbody',
				]
			);
			$this->add_responsive_control(
				'table_radius',
				[
					'label' => esc_html__( 'Table Border Radius', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->end_controls_section();

			$this->start_controls_section(
				'table_header_style',
				[
					'label' => esc_html__( 'Table Header Style', 'easy-elements' ),
					'tab' => Controls_Manager::TAB_STYLE,
				]
			);

			$this->add_responsive_control(
				'header_align',
				[
					'label' => esc_html__( 'Alignment', 'easy-elements' ),
					'type' => Controls_Manager::CHOOSE,
					'options' => [
						'left' => [
							'title' => esc_html__( 'Left', 'easy-elements' ),
							'icon' => 'eicon-text-align-left',
						],
						'center' => [
							'title' => esc_html__( 'Center', 'easy-elements' ),
							'icon' => 'eicon-text-align-center',
						],
						'right' => [
							'title' => esc_html__( 'Right', 'easy-elements' ),
							'icon' => 'eicon-text-align-right',
						],
						'justify' => [
							'title' => esc_html__( 'Justified', 'easy-elements' ),
							'icon' => 'eicon-text-align-justify',
						],
					],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-header' => 'text-align: {{VALUE}};',
					],
				]
			);

			$this->add_control(
				'header_text_color',
				[
					'label' => esc_html__( 'Text Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-header' => 'color: {{VALUE}};',
					]
				]
			);

			$this->add_group_control(
				Group_Control_Typography::get_type(),
				[
					'name' => 'header_typography',
					'selector' => '{{WRAPPER}} table.easyel-table .easyel-table-header',
					
				]
			);

			$this->add_control(
				'header_bg_color',
				[
					'label' => esc_html__( 'Background Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-header' => 'background-color: {{VALUE}};',
					]
				]
			);
			$this->add_group_control(
				\Elementor\Group_Control_Border::get_type(),
				[
					'name' => 'body_head_border',
					'selector' => '{{WRAPPER}} .table.easyel-table .easyel-table-header th',
				]
			);
			$this->add_responsive_control(
				'table_thead_radius',
				[
					'label' => esc_html__( 'Border Radius', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-header th' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_responsive_control(
				'table_thead_padding',
				[
					'label' => esc_html__( 'Padding', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-header th' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);

			// header icon settings 
			$this->add_control(
				'header_icon_styles',
				[
					'label' => esc_html__( 'Icon Style', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::HEADING,
					'separator' => 'before',
				]
			);

			$this->add_control(
				'header_icon_color',
				[
					'label' => esc_html__( 'Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-header-icon i' => 'color: {{VALUE}} !important;',
						'{{WRAPPER}} table.easyel-table .easyel-header-icon svg path' => 'fill: {{VALUE}} !important;',
					],
				]
			);

			$this->add_responsive_control(
				'header_icon_size',
				[
					'label' => esc_html__( 'Size', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::SLIDER,
					'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-header-icon i' => 'font-size: {{SIZE}}{{UNIT}} !important;',
						'{{WRAPPER}} table.easyel-table .easyel-header-icon svg' => 'width: {{SIZE}}{{UNIT}} !important; height: {{SIZE}}{{UNIT}} !important;',
					],
				]
			);

			$this->add_responsive_control(
				'header_icon_y_position',
				[
					'label' => esc_html__( 'Pisition ( Vertical )', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::SLIDER,
					'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-header-icon' => 'top: {{SIZE}}{{UNIT}} !important;',
					],
				]
			);

			$this->add_responsive_control(
				'header_icon_margin',
				[
					'label' => esc_html__( 'Margin', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-header-icon' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						'{{WRAPPER}} table.easyel-table .easyel-header-icon' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->end_controls_section();


			$this->start_controls_section(
				'table_body_style',
				[
					'label' => esc_html__( 'Table Body Style', 'easy-elements' ),
					'tab' => Controls_Manager::TAB_STYLE,
				]
			);

			$this->add_responsive_control(
				'body_align',
				[
					'label' => esc_html__( 'Alignment', 'easy-elements' ),
					'type' => Controls_Manager::CHOOSE,
					'options' => [
						'left' => [
							'title' => esc_html__( 'Left', 'easy-elements' ),
							'icon' => 'eicon-text-align-left',
						],
						'center' => [
							'title' => esc_html__( 'Center', 'easy-elements' ),
							'icon' => 'eicon-text-align-center',
						],
						'right' => [
							'title' => esc_html__( 'Right', 'easy-elements' ),
							'icon' => 'eicon-text-align-right',
						],
						'justify' => [
							'title' => esc_html__( 'Justified', 'easy-elements' ),
							'icon' => 'eicon-text-align-justify',
						],
					],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body' => 'text-align: {{VALUE}};',
					],
				]
			);

			$this->add_control(
				'body_text_color',
				[
					'label' => esc_html__( 'Text Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body' => 'color: {{VALUE}};',
					]
				]
			);


			$this->add_group_control(
				Group_Control_Typography::get_type(),
				[
					'name' => 'body_typography',
					'selector' => '{{WRAPPER}} table.easyel-table .easyel-table-body',
					
				]
			);

			$this->add_control(
				'body_bg_color',
				[
					'label' => esc_html__( 'Background Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body' => 'background-color: {{VALUE}};',
					]
				]
			);

			$this->add_control(
				'striped_bg', 
				[
					'label' => esc_html__( 'Striped Background', 'easy-elements' ),
					'type' => Controls_Manager::SWITCHER,
					'label_off' => esc_html__( 'No', 'easy-elements' ),
					'label_on' => esc_html__( 'Yes', 'easy-elements' ),
				]
			);
			$this->add_control(
				'striped_bg_color', 
				[
					'label' => esc_html__( 'Secondary Background Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'condition' => [
						'striped_bg' => 'yes',
					],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body tr:nth-of-type(2n)' => 'background-color: {{VALUE}};',
					]
				]
			);
			$this->add_control(
				'body_icon_color',
				[
					'label' => esc_html__( 'Icon Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body td i' => 'color: {{VALUE}};',
						'{{WRAPPER}} table.easyel-table .easyel-table-body td svg path' => 'fill: {{VALUE}};',
					]
				]
			);
			$this->add_control(
				'body_icon_size',
				[
					'label' => esc_html__( 'Icon Size', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::SLIDER,
					'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
					'range' => [
						'px' => [
							'min' => 0,
							'max' => 1000,
						],
					],
					'default' => [
						'unit' => 'px',
						'size' => 16,
					],
					'selectors' => [
						'{{WRAPPER}} .table.easyel-table .easyel-table-body td i' => 'font-size: {{SIZE}}{{UNIT}};',
						'{{WRAPPER}} .table.easyel-table .easyel-table-body td svg' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
					],
				]
			);
			$this->add_responsive_control(
				'body_icon_gap',
				[
					'label' => esc_html__( 'Icon Margin', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body td i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						'{{WRAPPER}} table.easyel-table .easyel-table-body td svg' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_responsive_control(
				'table_tbody_radius',
				[
					'label' => esc_html__( 'Border Radius', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body td' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_responsive_control(
				'table_tbody_padding',
				[
					'label' => esc_html__( 'Padding', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body td' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_responsive_control(
				'table_tbody_margin',
				[
					'label' => esc_html__( 'Margin', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-body td' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						'{{WRAPPER}} table.easyel-table .easyel-table-body td p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_group_control(
				\Elementor\Group_Control_Border::get_type(),
				[
					'name' => 'body_border',
					'selector' => '{{WRAPPER}} .table.easyel-table .easyel-table-body td',
				]
			);
			$this->add_control(
				'tooltip_heading',
				[
					'label' => esc_html__( 'Tooltip Options', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::HEADING,
					'separator' => 'before',
				]
			);
			$this->add_control(
				'tooltip_icon_color',
				[
					'label' => esc_html__( 'Tooltip Icon Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-tooltip i' => 'color: {{VALUE}} !important;',
						'{{WRAPPER}} table.easyel-table .easyel-tooltip svg path' => 'fill: {{VALUE}} !important;',
					]
				]
			);
			$this->add_control(
				'tooltip_icon_size',
				[
					'label' => esc_html__( 'Tooltip Icon Size', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::SLIDER,
					'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
					'range' => [
						'px' => [
							'min' => 0,
							'max' => 1000,
						],
					],
					'default' => [
						'unit' => 'px',
						'size' => 16,
					],
					'selectors' => [
						'{{WRAPPER}} .table.easyel-table .easyel-tooltip i' => 'font-size: {{SIZE}}{{UNIT}} !important;',
						'{{WRAPPER}} .table.easyel-table .easyel-tooltip svg' => 'width: {{SIZE}}{{UNIT}} !important; height: {{SIZE}}{{UNIT}} !important;',
					],
				]
			);
			$this->add_responsive_control(
				'tooltip_icon_margin',
				[
					'label' => esc_html__( 'Tooltip Icon Margin', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} .table.easyel-table .easyel-tooltip i' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
						'{{WRAPPER}} .table.easyel-table .easyel-tooltip svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_responsive_control(
				'tooltip_align',
				[
					'label' => esc_html__( 'Tooltip Align', 'easy-elements' ),
					'type' => Controls_Manager::CHOOSE,
					'options' => [
						'left' => [
							'title' => esc_html__( 'Left', 'easy-elements' ),
							'icon' => 'eicon-h-align-left',
						],
						'top' => [
							'title' => esc_html__( 'Top', 'easy-elements' ),
							'icon' => 'eicon-v-align-top',
						],
						'right' => [
							'title' => esc_html__( 'Right', 'easy-elements' ),
							'icon' => 'eicon-h-align-right',
						],
						'bottom' => [
							'title' => esc_html__( 'Bottom', 'easy-elements' ),
							'icon' => 'eicon-v-align-bottom',
						],
					],
					'default' => 'left',
					'toggle' => true,
				]
			);
			
			// image style 
			$this->add_control(
				'table_img_heading',
				[
					'label' => esc_html__( 'Image Options', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::HEADING,
					'separator' => 'before',
				]
			);

			$this->add_control(
				'table_img_size',
				[
					'label' => esc_html__( 'Size', 'easy-elements' ),
					'type' => \Elementor\Controls_Manager::SLIDER,
					'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
					'selectors' => [
						'{{WRAPPER}} .easyel-table-body .easyel-table-image' => 'max-width: {{SIZE}}{{UNIT}} !important;height: {{SIZE}}{{UNIT}} !important;',
					],
				]
			);

			$this->add_responsive_control(
				'table_img_radius',
				[
					'label' => esc_html__( 'Border Radius', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} .easyel-table-body .easyel-table-image' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);

			$this->end_controls_section();

			$this->start_controls_section(
				'table_footer_style',
				[
					'label' => esc_html__( 'Table footer Style', 'easy-elements' ),
					'tab' => Controls_Manager::TAB_STYLE,
				]
			);

			$this->add_responsive_control(
				'footer_align',
				[
					'label' => esc_html__( 'Alignment', 'easy-elements' ),
					'type' => Controls_Manager::CHOOSE,
					'options' => [
						'left' => [
							'title' => esc_html__( 'Left', 'easy-elements' ),
							'icon' => 'eicon-text-align-left',
						],
						'center' => [
							'title' => esc_html__( 'Center', 'easy-elements' ),
							'icon' => 'eicon-text-align-center',
						],
						'right' => [
							'title' => esc_html__( 'Right', 'easy-elements' ),
							'icon' => 'eicon-text-align-right',
						],
						'justify' => [
							'title' => esc_html__( 'Justified', 'easy-elements' ),
							'icon' => 'eicon-text-align-justify',
						],
					],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-footer' => 'text-align: {{VALUE}};',
					],
				]
			);
			

			$this->add_control(
				'footer_text_color',
				[
					'label' => esc_html__( 'Text Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-footer' => 'color: {{VALUE}};',
					]
				]
			);

			$this->add_group_control(
				Group_Control_Typography::get_type(),
				[
					'name' => 'footer_typography',
					'selector' => '{{WRAPPER}} table.easyel-table .easyel-table-footer',
					
				]
			);

			$this->add_control(
				'footer_bg_color',
				[
					'label' => esc_html__( 'Background Color', 'easy-elements' ),
					'type' => Controls_Manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-footer' => 'background-color: {{VALUE}};',
					]
				]
			);
			$this->add_responsive_control(
				'table_tfoot_radius',
				[
					'label' => esc_html__( 'Border Radius', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-footer th' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_responsive_control(
				'table_tfoot_padding',
				[
					'label' => esc_html__( 'Padding', 'easy-elements' ),
					'type' => Controls_Manager::DIMENSIONS,
					'size_units' => [ 'px', '%', 'em' ],
					'selectors' => [
						'{{WRAPPER}} table.easyel-table .easyel-table-footer th' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
				]
			);
			$this->add_group_control(
				\Elementor\Group_Control_Border::get_type(),
				[
					'name' => 'body_foot_border',
					'selector' => '{{WRAPPER}} .table.easyel-table .easyel-table-footer th',
				]
			);

			$this->end_controls_section();

		}
		/**
		 * Render oEmbed widget output on the frontend.
		 *
		 * Written in PHP and used to generate the final HTML.
		 *
		 * @since 1.0.0
		 * @access protected
		*/
		protected function render() {
			$settings = $this->get_settings_for_display();
			$unique = wp_rand(10,6554120);	
			$tooltip_align = $settings['tooltip_align'];
			?>
			<!-- Tooltip element -->
			<table class="easyel-table table single-plan" id="table-<?php echo esc_attr($unique);?>">
				<?php if ($settings['table_header']):?>
					<thead  class="easyel-table-header">
						<tr class="single-plan__header">
							<?php
							foreach ( $settings['table_header'] as $index => $headeritem ) {

								$repeater_setting_key = $this->get_repeater_setting_key( 'text', 'table_header', $index );
								$this->add_inline_editing_attributes( $repeater_setting_key );

								$colspan = ( isset( $headeritem['colspan'], $headeritem['advance'] ) && 
											$headeritem['colspan'] === 'yes' && $headeritem['advance'] === 'yes' )
									? 'colspan="' . esc_attr( $headeritem['colspannumber'] ) . '"'
									: '';

								echo '<th class="header-title elementor-inline-editing elementor-repeater-item-' . esc_attr( $headeritem['_id'] ) . '" '
									. esc_attr( $colspan ) . ' '
									// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
									. $this->get_render_attribute_string( $repeater_setting_key ) . '>';

								// Header Icon
								if ( isset( $headeritem['header_icon'] ) && $headeritem['header_icon'] === 'yes' && ! empty( $headeritem['table_head_icon']['value'] ) ) {
									echo '<span class="easyel-header-icon">';
									
									// Render icon safely
									\Elementor\Icons_Manager::render_icon(
										$headeritem['table_head_icon'],
										[ 'aria-hidden' => 'true' ]
									);

									echo '</span>';
								}

								echo wp_kses_post( $headeritem['text'] );

								if ( isset( $headeritem['table_head_tooltip'] ) && $headeritem['table_head_tooltip'] === 'yes' ) {
									echo '<span class="easyel-tooltip" '
										. 'data-bs-custom-class="tooltip-table-title" '
										. 'data-bs-toggle="tooltip" '
										. 'data-bs-placement="' . esc_attr( $tooltip_align ) . '" '
										. 'title="' . esc_attr( $headeritem['table_head_tooltip_description'] ) . '">';

									\Elementor\Icons_Manager::render_icon(
										$headeritem['table_head_tooltip_icon'],
										[ 'aria-hidden' => 'true' ]
									);

									echo '</span>';
								}

								echo '</th>';
							}
							?>
						</tr>
					</thead>
				<?php endif;?>
				<?php if ($settings['table_body']):?>
					<tbody class="easyel-table-body">
						<tr class="single-plan__content">
							<?php
								foreach ( $settings['table_body'] as $index => $item ) {

									// Flex data condition
									$flex_data = ( !empty( $item['table_body_data_flex'] ) && $item['table_body_data_flex'] === 'yes' ) ? 'data-flex' : '';

									$table_icon = ! empty( $item['table_icon'] ) ? $item['table_icon'] : '';


									$table_body_key = $this->get_repeater_setting_key( 'text', 'table_body', $index );
									
									$this->add_render_attribute( $table_body_key, 'class', 'plan-title ' . $flex_data . ' elementor-repeater-item-' . esc_attr( $item['_id'] ) );

									$this->add_inline_editing_attributes( $table_body_key );

									if ( isset( $item['row'] ) && $item['row'] === 'yes' ) {
										echo '</tr><tr class="single-plan__content">';
									}

									$colspan = ( isset( $item['colspan'], $item['advance'] ) && $item['colspan'] === 'yes' && $item['advance'] === 'yes' )
										? 'colspan="' . esc_attr( $item['colspannumber'] ) . '"'
										: '';

									$rowspan = ( isset( $item['rowspan'], $item['advance'] ) && $item['rowspan'] === 'yes' && $item['advance'] === 'yes' )
										? 'rowspan="' . esc_attr( $item['rowspannumber'] ) . '"'
										: '';
										
									// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
									echo '<td ' . $colspan . ' ' . $rowspan . ' ' . $this->get_render_attribute_string( $table_body_key ) . '>';

									// table icon 
									if ( ! empty( $table_icon ) ) {
										\Elementor\Icons_Manager::render_icon( $table_icon, [ 'aria-hidden' => 'true' ] );
									}

									// table image 
									$image_id  = ! empty( $item['table_image']['id'] ) ? absint( $item['table_image']['id'] ) : '';
									$image_url = ! empty( $item['table_image']['url'] ) ? esc_url( $item['table_image']['url'] ) : '';
									// Case 1: Attachment ID exists and is an image
									if ( $image_id && wp_attachment_is_image( $image_id ) ) {
										echo wp_get_attachment_image(
											$image_id,
											'thumbnail',
											false,
											[
												'class' => 'easyel-table-image',
												'alt'   => esc_attr( get_post_meta( $image_id, '_wp_attachment_image_alt', true ) ),
											]
										);
									}
									
									// Case 2: Fallback to URL
									elseif ( $image_url ) {
										echo '<img src="' . esc_url( $image_url ) . '" class="easyel-table-image" alt="">';
									}		

									echo wp_kses_post( $item['text'] );

									if ( isset( $item['table_body_tooltip'] ) && $item['table_body_tooltip'] === 'yes' ) {
										echo '<span class="easyel-tooltip" '
											. 'data-bs-custom-class="tooltip-table-title" '
											. 'data-bs-toggle="tooltip" '
											. 'data-bs-placement="' . esc_attr( $tooltip_align ) . '" '
											. 'title="' . esc_attr( $item['table_body_tooltip_description'] ) . '">';
										
										\Elementor\Icons_Manager::render_icon(
											$item['table_body_tooltip_icon'], 
											[ 'aria-hidden' => 'true' ]
										);
										echo '</span>';
									}

									echo '</td>';
								}
							?>
						</tr>
					</tbody>
				<?php endif;?>
				<?php if ($settings['table_footer']):?>
					<tfoot class="easyel-table-footer">
						<tr class="easyel-single-plane-footer">
							<?php
							foreach ( $settings['table_footer'] as $index => $footeritem ) {

								$repeater_setting_key = $this->get_repeater_setting_key( 'text', 'table_footer', $index );
								$this->add_inline_editing_attributes( $repeater_setting_key );

								$colspan = ( $footeritem['colspan'] === 'yes' && $footeritem['advance'] === 'yes' ) 
									? 'colspan="' . esc_attr( $footeritem['colspannumber'] ) . '"' 
									: '';

								echo '<th class="footer-title elementor-inline-editing elementor-repeater-item-' . esc_attr( $footeritem['_id'] ) . '" ' 
									.  esc_attr( $colspan ) . ' ' 
									// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
									. $this->get_render_attribute_string( $repeater_setting_key ) 
									. '>' 
									. wp_kses_post( $footeritem['text'] );

								if ( isset( $footeritem['table_foot_tooltip'] ) && $footeritem['table_foot_tooltip'] === 'yes' ) {
									echo '<span class="easyel-tooltip" '
										. 'data-bs-custom-class="tooltip-table-title" '
										. 'data-bs-toggle="tooltip" '
										. 'data-bs-placement="' . esc_attr( $tooltip_align ) . '" '
										. 'title="' . esc_attr( $footeritem['table_foot_tooltip_description'] ) . '">';

									\Elementor\Icons_Manager::render_icon(
										$footeritem['table_foot_tooltip_icon'], 
										[ 'aria-hidden' => 'true' ]
									);

									echo '</span>';
								}

								echo '</th>';
							}
							?>
						</tr>
					</tfoot>
				<?php endif;?>
			</table>
			
			<?php
		}
	}
}
```