Как сделать мой календарный таблицу отображать гость как один «запись» в ряду вместо двух отдельных записей ⇐ CSS

[Anonymous]

Я пытаюсь создать диаграмму доступности комнаты или календарь с ожидаемым результатом следующим образом:
< /p>
Каждая дата имеет два столбца с AM и PM в качестве заголовков. AM указывает на регистрацию, пока PM указывает на выезд. Я сделал это две столбцы, потому что будут случаи, когда в комнате будет гость, и продолжать с другим гостем регистрации. Период гостя остается, охватывая ячейки в зависимости от даты пребывания и числа ночей. >

Код: Выделить всё

< /code>






Stay Table

body {
font-family: Arial, sans-serif;
margin: 20px;
}

table {
width: 800px;
border-collapse: collapse;
margin-top: 20px;
}

th,
td {
border: 1px solid #ddd;
padding: 10px;
text-align: center;
width: 80px;
}

th {
background-color: #f2f2f2;
font-weight: bold;
}

.date-header {
background-color: #f2f2f2;
font-weight: bold;
}

.stay-cell-1 {
background-color: #e0f7fa;
}

.stay-cell-2 {
background-color: #ffebee;
}

.stay-cell-a,
.stay-cell-b {
border: none;
padding: 0;
}

.internal-table {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
}

.internal-table td {
background-color: #80deea;
height: 25px;
border: none;
text-align: center;
}








Room
Type











  



Подробнее здесь: [url]https://stackoverflow.com/questions/79435208/how-to-make-my-calendar-table-display-a-guest-stay-as-a-single-entry-in-a-row[/url]