Сложность расписания занятий

Question

У меня возникли проблемы с составлением расписания классов в кодировке HTML, у меня есть такие времена, как: 1:00, 1:30 и т. Д. Слева и в основном корпусе, имеющем ряды для разные классы в разные дни.

Например, у меня есть те же классы в понедельник и среду, но нет занятий во вторник днем ​​пятницы субботы или воскресенья.

В моих усилиях до сих пор я могу охватить ряды, но, к сожалению, получить дополнительные столбцы в конце.

<table border="1"> 
<tr> 
<th>TIME</th> 
<th>Monday</th> 
<th>Tuesday</th> 
<th>Wednesday</th> 
<th>Thursday</th> 
<th>Friday</th> 
<th>Saturday</th> 
<th>Sunday</th> 
</tr> 

<tr> 
<th>8:00AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>8:30AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>9:00AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>9:30AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>10:00AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>10:30</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>11:00AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>11:30AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>12:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>12:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>1:00PM</th> 
<td rowspan="6">FA 3550 - 001</td> 
<td></td> 
<td rowspan="6">FA 3550 - 001</td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>1:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>2:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>2:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>3:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>4:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>5:00PM</th> 
<td rowspan="3">class</td> 
<td></td> 
<td rowspan ="3">class</td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>5:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>6:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>6:30PM</th> 
<td></td> 
<td></td> 
<td rowspan="5">class</td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>7:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>7:30PM</th> 
<td rowspan="6">class</td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>8:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>8:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>9:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>9:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 
</table> 

Answer 1

Вот пример вашей проблемы .. обратите внимание, как в одной из строк, я заполнил буквой «г» для каждой ячейки этой строки:

http://jsfiddle.net/57FLP/

<tr> 
    <th>1:00PM</th> 
    <td rowspan="6">FA 3550 - 001</td> 
    <td></td> 
    <td rowspan="6">FA 3550 - 001</td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <th>1:30PM</th> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
</tr> 

Глядя на html-код, буква 'd' для каждого <td></td>, что бывает 7 раз; ваша таблица также показывает это 7 раз; однако, поскольку вы делаете ряды строк, из одной из ваших рядов где-то посередине, вы вырезаете строки под ним. Не думайте о том, что ваш рядок, как нож, прорезающий масло, подумайте об этом, когда ваша рука рубит на кучу яблок (не прорезая их, но, перемещая их, яблоко затем заполнит стороны, так как нет где еще идти); это аналогично тому, что происходит с вами.

Просто подумайте о том, что произойдет, если все ваши <td></td> заполнены данными, и вам просто нужно преобразовать один из них в качестве рядов, где будут все эти данные? Вы не хотите ничего потерять.

Что вам нужно сделать, это для каждого изменения, которое вы делаете, вам нужно отключить оставшиеся неиспользованные tds из вашего стола.