{ let view = html`

` let idToOrg = allOrganizationData.data.reduce((acc, org) => { acc[org.Id] = org return acc }, {}) let tableElem = html`` Object.keys(allOrganizationIdsPerDepartment).forEach(dep => { tableElem.appendChild(html``) for (const ids of allOrganizationIdsPerDepartment[dep]) { if (Array.isArray(ids) && ids.length >= 2) { for (const [index, id] of ids.entries()) { let css = `border-left:solid 2px pink;border-right:solid 2px pink;` if (index === 0) { css += `border-top:solid 2px pink;` } if (index === ids.length - 1) { css += `border-bottom:solid 2px pink;` console.log("YES") } let org = idToOrg[id] if (!org) { throw `No organization matching identifier ${id}.` } tableElem.appendChild(html``) } } else { let org = idToOrg[ids] if (!org) { throw `No organization matching identifier ${ids}.` } tableElem.appendChild(html``) } } }) view.appendChild(tableElem) return view }

Division name Swe	Division name Eng	ChRIS Ids	Active years
${dep}
${org.NameSwe}	${org.NameEng}	${org.Id}	${org.StartYear > 0 ? org.StartYear : ""}${org.StartYear > 0 \|\| org.EndYear > 0 ? "-" : ""}${org.EndYear > 0 ? org.EndYear : ""}
${org.NameSwe}	${org.NameEng}	${org.Id}	${org.StartYear > 0 ? org.StartYear : ""}${org.StartYear > 0 \|\| org.EndYear > 0 ? "-" : ""}${org.EndYear > 0 ? org.EndYear : ""}