diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index 5644fa8c19..e40bc924a3 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -90,6 +90,7 @@ export function Table({
     totalRecords,
     rowsPerPage,
     enabledSort,
+    hideColumnSelectorButton,
   } = loadPropertiesAndStyles(properties, styles, darkMode, component);
 
   const getItemStyle = ({ isDragging, isDropAnimating }, draggableStyle) => ({
@@ -616,51 +617,57 @@ export function Table({
                   </span>
                 </OverlayTrigger>
               )}
-              <OverlayTrigger
-                trigger="click"
-                rootClose={true}
-                overlay={
-                  <Popover>
-                    <div
-                      data-cy={`dropdown-hide-column`}
-                      className={`dropdown-table-column-hide-common ${
-                        darkMode ? 'dropdown-table-column-hide-dark-themed' : 'dropdown-table-column-hide'
-                      } `}
-                    >
-                      <div className="dropdown-item">
-                        <IndeterminateCheckbox {...getToggleHideAllColumnsProps()} />
-                        <span className="hide-column-name" data-cy={`options-select-all-coloumn`}>
-                          Select All
-                        </span>
-                      </div>
-                      {allColumns.map((column) => (
-                        <div key={column.id}>
-                          <div>
-                            <label className="dropdown-item">
-                              <input
-                                type="checkbox"
-                                data-cy={`checkbox-coloumn-${String(column.Header).toLowerCase().replace(/\s+/g, '-')}`}
-                                {...column.getToggleHiddenProps()}
-                              />
-                              <span
-                                className="hide-column-name"
-                                data-cy={`options-coloumn-${String(column.Header).toLowerCase().replace(/\s+/g, '-')}`}
-                              >
-                                {` ${column.Header}`}
-                              </span>
-                            </label>
-                          </div>
+              {!hideColumnSelectorButton && (
+                <OverlayTrigger
+                  trigger="click"
+                  rootClose={true}
+                  overlay={
+                    <Popover>
+                      <div
+                        data-cy={`dropdown-hide-column`}
+                        className={`dropdown-table-column-hide-common ${
+                          darkMode ? 'dropdown-table-column-hide-dark-themed' : 'dropdown-table-column-hide'
+                        } `}
+                      >
+                        <div className="dropdown-item">
+                          <IndeterminateCheckbox {...getToggleHideAllColumnsProps()} />
+                          <span className="hide-column-name" data-cy={`options-select-all-coloumn`}>
+                            Select All
+                          </span>
                         </div>
-                      ))}
-                    </div>
-                  </Popover>
-                }
-                placement={'bottom-end'}
-              >
-                <span data-cy={`select-column-icon`} className={`btn btn-light btn-sm p-1 mb-0 mx-1 `}>
-                  <IconEyeOff style={{ width: '15', height: '15', margin: '0px' }} />
-                </span>
-              </OverlayTrigger>
+                        {allColumns.map((column) => (
+                          <div key={column.id}>
+                            <div>
+                              <label className="dropdown-item">
+                                <input
+                                  type="checkbox"
+                                  data-cy={`checkbox-coloumn-${String(column.Header)
+                                    .toLowerCase()
+                                    .replace(/\s+/g, '-')}`}
+                                  {...column.getToggleHiddenProps()}
+                                />
+                                <span
+                                  className="hide-column-name"
+                                  data-cy={`options-coloumn-${String(column.Header)
+                                    .toLowerCase()
+                                    .replace(/\s+/g, '-')}`}
+                                >
+                                  {` ${column.Header}`}
+                                </span>
+                              </label>
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                    </Popover>
+                  }
+                  placement={'bottom-end'}
+                >
+                  <span data-cy={`select-column-icon`} className={`btn btn-light btn-sm p-1 mb-0 mx-1 `}>
+                    <IconEyeOff style={{ width: '15', height: '15', margin: '0px' }} />
+                  </span>
+                </OverlayTrigger>
+              )}
             </div>
           </div>
         </div>
diff --git a/frontend/src/Editor/Components/Table/load-properties-and-styles.js b/frontend/src/Editor/Components/Table/load-properties-and-styles.js
index 8473c1c244..2e858bd3b3 100644
--- a/frontend/src/Editor/Components/Table/load-properties-and-styles.js
+++ b/frontend/src/Editor/Components/Table/load-properties-and-styles.js
@@ -10,6 +10,7 @@ export default function loadPropertiesAndStyles(properties, styles, darkMode, co
 
   const totalRecords = properties.totalRecords ?? '';
   const enabledSort = properties?.enabledSort ?? true;
+  const hideColumnSelectorButton = properties?.hideColumnSelectorButton ?? false;
 
   const serverSideSort = properties.serverSideSort ?? false;
 
@@ -80,5 +81,6 @@ export default function loadPropertiesAndStyles(properties, styles, darkMode, co
     totalRecords,
     rowsPerPage,
     enabledSort,
+    hideColumnSelectorButton,
   };
 }
diff --git a/frontend/src/Editor/Inspector/Components/Table.jsx b/frontend/src/Editor/Inspector/Components/Table.jsx
index fb568a8880..b3cc1bc9a2 100644
--- a/frontend/src/Editor/Inspector/Components/Table.jsx
+++ b/frontend/src/Editor/Inspector/Components/Table.jsx
@@ -1042,6 +1042,7 @@ class TableComponent extends React.Component {
       'showBulkUpdateActions',
       'showBulkSelector',
       'highlightSelectedRow',
+      'hideColumnSelectorButton',
     ];
 
     let renderOptions = [];
diff --git a/frontend/src/Editor/WidgetManager/widgetConfig.js b/frontend/src/Editor/WidgetManager/widgetConfig.js
index a0498a0a50..0f20143a52 100644
--- a/frontend/src/Editor/WidgetManager/widgetConfig.js
+++ b/frontend/src/Editor/WidgetManager/widgetConfig.js
@@ -162,6 +162,13 @@ export const widgets = [
           schema: { type: 'boolean' },
         },
       },
+      hideColumnSelectorButton: {
+        type: 'toggle',
+        displayName: 'Hide column selector button',
+        validation: {
+          schema: { type: 'boolean' },
+        },
+      },
       enablePrevButton: {
         type: 'toggle',
         displayName: 'Enable previous page button',
@@ -422,6 +429,7 @@ export const widgets = [
         columnSizes: { value: '{{({})}}' },
         actions: { value: [] },
         enabledSort: { value: '{{true}}' },
+        hideColumnSelectorButton: { value: '{{false}}' },
       },
       events: [],
       styles: {