如何设计html时间表

Question

我目前正在开展一个项目，需要打印课程时间表。这是我创建的链接 http://conorhackett.com/tt/。

它现在工作正常，但我想对其有更多的控制权。如果您查看代码，您就会明白我的意思。 html/css 非常混乱。

我尝试过使用 html 表格来完成此操作，但所有行看起来都不太好。

有没有什么基础可供我用作基础？

任何adive都非常感激:)

--Conor

更新：

大家好，

我决定回到html表。我很难理解用于打印数据的逻辑。

这是我打印表格的代码：

        foreach($bookingList->result_array() as $row)
    {

        $time   = $row['start_time']. ' - ' .$row['end_time'];
        $lesson = $row['lesson_type_name'];
        $client = $row['client_firstname']. ' ' .$row['client_lastname'];
        $horse  = $row['horse_name'];
        $fee    = $row['fee'];


        if(empty($prevLesson) && empty($prevTime))
        {
            echo '1';
            $timeArr    .= $time;
            $lessonArr  .= $lesson;
            $clientArr  .= $client;
            $horseArr   .= $horse;
            $feeArr     .= $fee.'-'.$i;


        }
        elseif($prevLesson == $lesson && $prevTime == $time)
        {               

            echo '3';
            echo '<br/>Previous: '.$prevTime.'++'.$prevLesson.'-'.$i.'<br/>';
            echo '<br/>Current: '.$time.'++'.$lesson.'-'.$i.'<br/>';

            $timeArr    .= $time;
            $lessonArr  .= $lesson;
            $clientArr  .= $client;
            $horseArr   .= $horse;
            $feeArr     .= $fee.'-'.$i;







        }
        else
        {


            echo '3';

            echo '<tr>';

            echo '<td>(3)'. $timeArr .'</td>';
            echo '<td>'. $lessonArr .'</td>';
            echo '<td>'. $clientArr .'</td>';
            echo '<td>'. $horseArr .'</td>';
            echo '<td>'. $feeArr.'</td>';
            echo '<td>'. $i.'</td>';

            echo '</tr>';

            $timeArr = ' ';
            $lessonArr = ' ';
            $clientArr = ' ';
            $horseArr = ' ';
            $feeArr = ' ';
            $optionsArr = ' ';

            $timeArr    .= $time.'<br/>';
            $lessonArr  .= $lesson.'<br/>';
            $clientArr  .= $client.'<br/>';
            $horseArr   .= $horse.'<br/>';
            $feeArr     .= $fee.'-'.$i.'<br/>'; 






        }
        $prevTime = $time;
        $prevLesson =  $lesson;
        $i += 1;
    }

打印的想法是： 从数据库中读取数据并存储在字符串中。当数据更改（时间和课程类型）时，打印存储的字符串，清除它并将新的（不同的数据）分配给打印字符串。

我已经按原样放置了代码..我现在感到非常沮丧和疲倦。这周我每天晚上都花了 3 个小时试图完成，但每次都失败了。如果你愿意帮助我并且需要更详细的信息，现在就让我知道。

非常感谢任何帮助。 谢谢。

Answer 1

Soln： foreach 循环完成后，打印字符串中仍然有数据。我只是在 foreach 循环之后回应这一点，它解决了所有问题。感谢大家的帮助输入。

Answer 2

除了 Amadan 的建议之外，还可以考虑使用 colspan 和 rowspan 来使每个框占据所需的空间。查看这些的源代码示例 看看我的意思。

Answer 3

使用以下命令再次尝试表：

table {
    border-collapse: collapse;
}