< /p>
Jedes Datum hat zwei Spalten mit AM und PM als Header. AM gibt den Check-in an, während PM angeben. Ich habe diese beiden Spalten gemacht, weil es Fälle gibt, in denen ein Raum einen Check-out-Gast hat und mit einem anderen Check-in-Gast fortgesetzt wird. Die Periode des Gastaufenthalt >
Code: Select all
< /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