From a7daa00f00f7065a037883e1ac337620f3d40ed5 Mon Sep 17 00:00:00 2001
From: Manish Kushare <kushare.manish9@gmail.com>
Date: Mon, 19 Dec 2022 15:09:42 +0530
Subject: [PATCH] [ Bug fixed ] : [ Table widget ]  download as excel exports
 extra columns (#4906)

* bug fixed: Table widget Download as Excel exports extra columns

* bug fixed

* excluded bulk selector column from the downloaded file

* removed console

* bug: code was breaking with large data set

* made headers in uppecase format

* removed max width adjusting logic
---
 .../src/Editor/Components/Table/Table.jsx     | 26 ++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/frontend/src/Editor/Components/Table/Table.jsx b/frontend/src/Editor/Components/Table/Table.jsx
index 363a4c53f5..ccfa716b52 100644
--- a/frontend/src/Editor/Components/Table/Table.jsx
+++ b/frontend/src/Editor/Components/Table/Table.jsx
@@ -190,25 +190,21 @@ export function Table({
   }
 
   function getExportFileBlob({ columns, fileType, fileName }) {
-    const data = globalFilteredRows.map((row) => row.original);
+    const headers = columns.map((col) => String(col.exportValue).toUpperCase());
+    const data = globalFilteredRows.map((row) => {
+      return headers.reduce((acc, header) => {
+        acc[header] = row.original[header.toLowerCase()];
+        return acc;
+      }, {});
+    });
     if (fileType === 'csv') {
-      const headerNames = columns.map((col) => col.exportValue);
-      const csvString = Papa.unparse({ fields: headerNames, data });
+      const csvString = Papa.unparse({ fields: headers, data });
       return new Blob([csvString], { type: 'text/csv' });
     } else if (fileType === 'xlsx') {
-      const xldata = data.map((obj) => Object.values(obj)); //converting to array[array]
-      const header = columns.map((c) => c.exportValue);
-      const compatibleData = xldata.map((row) => {
-        const obj = {};
-        header.forEach((col, index) => {
-          obj[col] = row[index];
-        });
-        return obj;
-      });
-
+      const headers = columns.map((c) => c.exportValue);
       let wb = XLSX.utils.book_new();
-      let ws1 = XLSX.utils.json_to_sheet(compatibleData, {
-        header,
+      let ws1 = XLSX.utils.json_to_sheet(data, {
+        headers,
       });
       XLSX.utils.book_append_sheet(wb, ws1, 'React Table Data');
       XLSX.writeFile(wb, `${fileName}.xlsx`);