Html表 - 复杂布局 - specificel

时间:2014-03-10 21:06:51

标签: html html-table

我在作业中得到了这张表,但我很难复制它:

http://evc-cit.info/cit040/screenshots/complex_table.gif

我似乎无法将Xpath单元格和XSL转换单元格共享到上午11点到下午2点的单元格,有人可以帮我吗?

2 个答案:

答案 0 :(得分:2)

我带着同样的疑问来到这里,虽然它已经得到了解答,但它并不是一个很好的解释,所以我花了很长时间来解决这个问题。你需要把XLS转换放在第三行,而不是第二行。请参阅下面的代码。

    <!DOCTYPE html>
        <html>
        <head>
            <meta charset="utf-8">
            <meta name="description" content="">
            <meta name="keywords" content="">
            <title>Table Practice</title>
        </head>
        <body>
            <table border="1" align="center" cellpadding="10px">
                <thead>
                    <tr>
                        <th rowspan="3">Day</th>
                        <th colspan="3">Seminar</th>
                    </tr>
                    <tr>
                        <th colspan="2">Schedule</th>
                        <th rowspan="2">Topic</th>
                    </tr>
                    <tr>
                        <th>Begin</th>
                        <th>End</th>
                    </tr>
                </thead>
        
                <tbody>
                    <tr>
                        <td rowspan="2">Monday</td>
                        <td rowspan="2">8:00 a.m</td>
                        <td rowspan="2">5:00 p.m</td>
                        <td>Introduction to XML</td>
                    </tr>
                    <tr>
                        <td>Validity: DTD and Relax NG</td>
                    </tr>
                    <tr>
                        <td rowspan="4">Tuesday</td>
                        <td>8:00 a.m</td>
                        <td>11:00 a.m</td>
                        <td rowspan="2">XPath</td>
                    </tr>
                    <tr>
                        <td rowspan="2">11:00 a.m</td>
                        <td rowspan="2">2:00 p.m</td>
                    </tr>
                    <tr>
                        <td rowspan="2">XSL transformation</td>
                    </tr>
                    <tr>
                        <td>2:00 p.m</td>
                        <td>5:00 p.m</td>
                    </tr>
                    <tr>
                        <td>Wednesday</td>
                        <td>8:00 a.m</td>
                        <td>12:00 p.m</td>
                        <td>XLS Formatting Objects</td>
                    </tr>
        
                </tbody>
            </table>
        
        </body>
        </html>

答案 1 :(得分:0)

有点hacky,但你可以说上午11:00 - 下午2:00实际上是两行,而不是一行(每个单元格将是rowspan=2)。然后Xpath和XSL转换单元格也将是rowspan=2,因为现在有4行。 (星期二将是rowspan=4