如何设计html时间表

时间:2010-05-23 16:08:01

标签: html timetable

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

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

我尝试用html表做,但是所有的行看起来都不太好。

我可以使用任何基础作为基础吗?

非常感谢,非常感谢:)

- 康纳

更新

嗨,大家好,

我决定回到一个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;
    }

印刷的想法是: 从DB读取数据并以字符串形式存储。当数据发生变化(时间和课程类型)时,打印存储的字符串,清除它并将新的(不同的数据)分配给打印字符串。

我已按原样提出代码..我现在非常沮丧和疲惫。本周我每天晚上都花了3个小时试图完成并且每次都失败了。如果你愿意帮助我并且需要更详细的信息,请立即让我...

任何帮助真的很感激.. 感谢。

3 个答案:

答案 0 :(得分:0)

使用以下内容为表格提供另一个镜头:

table {
    border-collapse: collapse;
}

答案 1 :(得分:0)

除了Amadan的建议外,请考虑使用colspanrowspan来使每个方框占用所需的空间。查看these examples上的源代码,了解我的意思。

答案 2 :(得分:0)

Soln:在foreach循环结束后,我仍然在打印字符串中有数据。我只是在foreach循环之后回应它并解决了所有问题。感谢帮助输入人员。