From 0c2efd3b83714468151efd1cb6993ea13ebc720d Mon Sep 17 00:00:00 2001 From: Ali Imam Date: Tue, 11 Nov 2025 23:52:06 +0600 Subject: [PATCH 1/4] [EmperorAlii] Initial Commit for 006-employee-table --- 006-employee-table/EmperorAlii/index.html | 0 006-employee-table/EmperorAlii/script.js | 0 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 006-employee-table/EmperorAlii/index.html create mode 100644 006-employee-table/EmperorAlii/script.js diff --git a/006-employee-table/EmperorAlii/index.html b/006-employee-table/EmperorAlii/index.html new file mode 100644 index 00000000..e69de29b diff --git a/006-employee-table/EmperorAlii/script.js b/006-employee-table/EmperorAlii/script.js new file mode 100644 index 00000000..e69de29b From ee18c52fc5aafba168298bf4c75b44304a227fe7 Mon Sep 17 00:00:00 2001 From: Ali Imam Date: Wed, 12 Nov 2025 02:27:25 +0600 Subject: [PATCH 2/4] [EmperorAlii] complete 006-employee-table --- .vscode/settings.json | 3 ++ 006-employee-table/EmperorAlii/index.html | 35 ++++++++++++ 006-employee-table/EmperorAlii/script.js | 65 +++++++++++++++++++++++ 3 files changed, 103 insertions(+) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..016944ac --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5958 +} diff --git a/006-employee-table/EmperorAlii/index.html b/006-employee-table/EmperorAlii/index.html index e69de29b..d7e77d06 100644 --- a/006-employee-table/EmperorAlii/index.html +++ b/006-employee-table/EmperorAlii/index.html @@ -0,0 +1,35 @@ + + + + + + Employee Data + + + + +
+

Employee Data

+ + + + + + + + + + + + +
IDNamePositionDepartment
+
+ + + + diff --git a/006-employee-table/EmperorAlii/script.js b/006-employee-table/EmperorAlii/script.js index e69de29b..e9f551e0 100644 --- a/006-employee-table/EmperorAlii/script.js +++ b/006-employee-table/EmperorAlii/script.js @@ -0,0 +1,65 @@ +// Employee data list +const employeeList = [ + { + id: 1, + name: 'Ali Imam', + position: 'Software Engineer', + department: 'Development', + }, + { + id: 2, + name: 'Nazmul Huda', + position: 'Product Manager', + department: 'Product', + }, + { + id: 3, + name: 'Sara Khan', + position: 'UX Designer', + department: 'Design', + }, + { + id: 4, + name: 'Alif Rahman', + position: 'QA Engineer', + department: 'Quality Assurance', + }, +]; + +//get the table body element and give a bg-color +const employeeTableBody = document.getElementById('employeeTableBody'); +employeeTableBody.classList.add('bg-gray-100'); + +//Function to generate employee table +function createEmployeeTable() { + //iterating through the employeeList Array + employeeList.forEach((employee) => { + //destructuring the employee object and creating table row + const { id, name, position, department } = employee; + const tableRow = document.createElement('tr'); + + //Creating table data cells and adding styles + const cells = [id, name, position, department].map((text) => { + //Creating table data cell + const employeeCellData = document.createElement('td'); + employeeCellData.innerText = text; + + //Adding Tailwind CSS classes for styling + employeeCellData.classList.add( + 'border', + 'border-gray-200', + 'px-4', + 'py-2' + ); + return employeeCellData; + }); + + //Appending cells to the row and row to the table body + tableRow.append(...cells); + tableRow.classList.add('hover:bg-blue-200'); + employeeTableBody.appendChild(tableRow); + }); +} + +//Calling the function to create the table +createEmployeeTable(); From e93ccf791cba3ae3a4018ae9bca9257b658aa6f5 Mon Sep 17 00:00:00 2001 From: Ali Imam Date: Sun, 21 Dec 2025 03:56:16 +0600 Subject: [PATCH 3/4] [EmperorAlii] Fix Settings.json issue --- .vscode/settings.json | 3 --- 1 file changed, 3 deletions(-) diff --git a/.vscode/settings.json b/.vscode/settings.json index 016944ac..e69de29b 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +0,0 @@ -{ - "liveServer.settings.port": 5958 -} From f507d596fcb779b82311b8462a55adbd18953ffb Mon Sep 17 00:00:00 2001 From: Ali Imam Date: Sun, 21 Dec 2025 13:36:30 +0600 Subject: [PATCH 4/4] Fix issues --- .vscode/settings.json | 0 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json deleted file mode 100644 index e69de29b..00000000