done: basic main table UI

PP-binding/frontend/web/script/index.js

@@ -0,0 +1,28 @@
+window.onload = () => {
+    main()
+}
+
+function main() {
+    const tableContainer = document.getElementById("table-outer-scrollable-container")
+    const tableItems = tableContainer.children
+    const backgroundColor = "rgba(164,168,157,0.16)"
+
+    for (let i = 1; i < tableItems.length; i += 2) {
+        if (hasSpecificClassNameByNode(tableItems[i], "table-items-container")) {
+            tableItems[i].setAttribute("style", `background-color: ${backgroundColor};`)
+        }
+    }
+}
+
+function hasSpecificClassNameByNode(node, className) {
+    const classList = node.classList
+    let isContain = false
+
+    classList.forEach((value) => {
+        if (value === className) {
+            isContain = true
+        }
+    })
+
+    return isContain
+}