课程安排难度

Question

我在编写HTML编程的课程表时遇到了一些麻烦，我得到了如下时间：1:00，1:30等在左边，在主体中有rowspans for不同日子的不同课程。

一个例子是星期一和星期三我有相同的班级，但星期二星期四星期五或星期日没有班级。

在我迄今为止的努力中，我能够跨越行，但不幸的是在最后得到了额外的列。

<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

这是你的问题的一个例子..请注意，在该行的一个，我填的字母“d”表示该行每个单元：

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代码，每个<td></td>的字母'd'，恰好是7次;你的桌子也显示7次;然而，因为你正在做一个行间隔，从中间的某个行中的某一行开始，你正在切入它下面的行。不要把你的划线看作是切割黄油的刀，把它看作是你的手在一堆苹果上切下来的（不是切开它们，而是移动它们，然后苹果将填满边，因为它没有还有什么地方可以去）;这与你桌子上发生的事情类似。

只要想想如果所有的<td></td>都充满了数据会发生什么情况，而您恰好将其中一个转换为行跨越，那么所有数据都会在哪里出现？你不想失去任何它。

你需要做的是，对于你所做的每一项改变，你都必须从表中删除剩余的未使用的tds。