From 136597fc72490b3591eb6a450537223c4a84513a Mon Sep 17 00:00:00 2001
From: Kiran Ashok <stepinfwd@gmail.com>
Date: Wed, 7 Dec 2022 13:56:18 +0530
Subject: [PATCH] fix :: bulk selection function in table column hide dropdown
 (#4799)

---
 .../src/Editor/Components/Table/Table.jsx     | 49 ++++++++++---------
 1 file changed, 26 insertions(+), 23 deletions(-)

diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index e40bc924a3..7b51a331d1 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -635,29 +635,32 @@ export function Table({
                             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>
-                          </div>
-                        ))}
+                        {allColumns.map(
+                          (column) =>
+                            typeof column.Header === 'string' && (
+                              <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>
                   }