From 131afb5221725e4f57a1f7a79338e0f9692f7dd9 Mon Sep 17 00:00:00 2001
From: Vivek Sattanatha <Vivek5239@live.com>
Date: Fri, 12 Dec 2025 14:48:34 +0000
Subject: [PATCH] Client Side custom Excel export using ExcelJS Framework

---
 .../README.md                                 |  5 ++
 .../exportExcel_excelJSHTML.html              | 65 +++++++++++++++++++
 2 files changed, 70 insertions(+)
 create mode 100644 Client-Side Components/UI Pages/Export as Excel using exceljs Framework/README.md
 create mode 100644 Client-Side Components/UI Pages/Export as Excel using exceljs Framework/exportExcel_excelJSHTML.html

diff --git a/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/README.md b/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/README.md
new file mode 100644
index 0000000000..0581cd821a
--- /dev/null
+++ b/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/README.md	
@@ -0,0 +1,5 @@
+ExcelJS is a powerful JavaScript library for working with Excel spreadsheets. It allows developers to read, write, and manipulate Excel files programmatically, using a simple and intuitive API. 
+
+ExcelJS can also be used to build custom reports and dashboards within ServiceNow. By using ExcelJS to generate dynamic Excel spreadsheets, developers can create sophisticated reports that can be easily shared with other users. For example, a developer might build a custom dashboard that allows users to view real-time data on service requests, incidents, or other IT service management metrics.
+
+Reference: https://www.servicenow.com/community/developer-articles/custom-excel-export-or-import-in-client-side-using-exceljs/ta-p/2519012.
\ No newline at end of file
diff --git a/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/exportExcel_excelJSHTML.html b/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/exportExcel_excelJSHTML.html
new file mode 100644
index 0000000000..3c1a954f80
--- /dev/null
+++ b/Client-Side Components/UI Pages/Export as Excel using exceljs Framework/exportExcel_excelJSHTML.html	
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
+<script src="https://unpkg.com/exceljs/dist/exceljs.min.js"></script>
+<button onclick="generateExcel()">Generate Excel</button>
+
+<script>
+function generateExcel() {
+    var workbook = new ExcelJS.Workbook();
+    var worksheet = workbook.addWorksheet('My Sheet');
+	
+	// Sample JSON data
+var jsonData = {
+  "employees": [
+    {
+      "name": "John Doe",
+      "age": 30,
+      "position": "Manager"
+    },
+    {
+      "name": "Jane Smith",
+      "age": 25,
+      "position": "Developer"
+    },
+    {
+      "name": "Bob Johnson",
+      "age": 45,
+      "position": "Salesperson"
+    }
+  ]
+};
+worksheet.addRow(['Name', 'Age', 'Position']);
+	jsonData.employees.forEach(function(employee) {
+  worksheet.addRow([employee.name, employee.age, employee.position]);
+});
+
+
+    // Set cell colors
+    worksheet.getCell('A1').font = {
+		color:{argb: 'FFFF0000'} // red
+    };
+    worksheet.getCell('B1').fill = {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: {argb: 'FF00FF00'} // green
+    };
+    worksheet.getCell('C1').fill = {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: {argb: 'FF0000FF'} // blue
+    };
+
+    // Generate Excel file and download it
+    workbook.xlsx.writeBuffer().then(function(buffer) {
+        var blob = new Blob([buffer], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
+        var url = URL.createObjectURL(blob);
+        var link = document.createElement('a');
+        link.href = url;
+        link.download = 'my_file.xlsx';
+        link.click();
+    });
+}
+</script>
+
+
+</j:jelly>
\ No newline at end of file