.doctor-timeline-table{ display: flex; justify-content: center; } .doctor-table-timeline { border-collapse: collapse; width: 80%; direction: rtl; } .doctor-table-timeline th, td { text-align: center; padding: 8px; } .doctor-table-timeline .doctor-dates{ width: 50%; color: #040e20; } .doctor-table-timeline .doctor-from , .doctor-table-timeline .doctor-to{ width: 25%; } .doctor-table-timeline tr:nth-child(even) { background-color: #f8f8f8; } .doctor-table-timeline tr:nth-child(odd) { background-color: #baecee; } .doctor-table-timeline th { background-color: #040e20; color: white; } .doctor-table-timeline .doctor-from-to { color: #2f98d5; } .doctor-table-timeline .time-select { width: 80px; } @media screen and (max-width: 991px) { .doctor-table-timeline { border-collapse: collapse; width: 100%; direction: rtl; } } const doctorTrs = document.querySelectorAll(‘.doctor-tr’); doctorTrs.forEach(tr => { const tds = tr.querySelectorAll(‘.doctor-from-to’); if (tds[0].textContent.trim() === ” && tds[1].textContent.trim() === ”) { tds[0].remove(); tds[1].remove(); const mergedTd = document.createElement(‘td’); mergedTd.setAttribute(‘colspan’, ‘2’); mergedTd.textContent = ‘غير متاح ‘; mergedTd.style.textAlign = ‘center’; mergedTd.style.color = ‘#db1742’ tr.appendChild(mergedTd); } }); document.querySelectorAll(“.doctor-timeline”).forEach(e => { if(e.textContent.trim() == ”){ e.textContent = “غير متاح الان” } })