电视指南列出语义.不是桌子吗？

Question

我需要建立一个基于网络的电视指南列表.

当我开始时,我认为我需要的是构建一个表,因为它是表格数据.

date       00:00   00:30   01:00   etc...
channel 1  show 1  show 2  show 3  etc...
channel 2  show 3  show 4  show 5  etc...

但唉,这不是情况.而<th>每30分钟一次.节目长度可以是5分钟.长达几个小时.

我可以欺骗并<th>使用colspan = 6 制作每个子组件,因此子单元将为5分钟.然后玩每个节目的colspan到时间长度/ 5(分钟),那是我的colspan.

但是(总有一个但是),现在我所拥有的不是带有表格数据的表格,我所拥有的是某种意大利面条表.

我该怎么办？

Answer 1

最后我们决定电视指南并不完全是一张桌子。标题部分显示时间，正文部分显示按小时显示的节目，但这里是表格部分结束的地方。

我们将其作为列表的列表来执行，第一个列表是标题和频道列表，在每个 li 中都会有另一个列表，在标题中将有一个小时列表（其中每个小时都有一个恒定的宽度），在其余的 li（频道）将有一个特定频道的节目列表，每个 li 都有一个基于节目长度的宽度。

<ol>
    <li>date
        <ol>
            <li>00:00</li>
            <li>00:30</li>
            <li>01:00</li>
            <li>01:30</li>
            .
            .
            .
        </ol>
    </li>
    <li>Channel 1
        <ol>
            <li>Show 1</li>
            <li>Show 2</li>
            <li>Show 3</li>
            <li>Show 4</li>
            .
            .
            .
        </ol>
    </li>
    <li>Channel 2
    .
    .
    .
<ol>

这不是一个完美的解决方案，但我们生活在一个不完美的世界。