Skip to content Skip to sidebar Skip to footer
Home / Html / Html Table

Html Table - Complex Layout - Specificel

Post a Comment
I got this table in a assignment but I'm have a hard time replicating it: (source: evc-cit.info) I can't seem to get the Xpath cell and the XSL transformation cell to share the 1

Solution 1:

I came here with same doubt, even though it has been answered but its not a great explanation, so it took me a long time to solve this.You need to put XLS transformations in third row, not in second row. Please see the code below. 

<!DOCTYPE html><html><head><metacharset="utf-8"><metaname="description"content=""><metaname="keywords"content=""><title>Table Practice</title></head><body><tableborder="1"align="center"cellpadding="10px"><thead><tr><throwspan="3">Day</th><thcolspan="3">Seminar</th></tr><tr><thcolspan="2">Schedule</th><throwspan="2">Topic</th></tr><tr><th>Begin</th><th>End</th></tr></thead><tbody><tr><tdrowspan="2">Monday</td><tdrowspan="2">8:00 a.m</td><tdrowspan="2">5:00 p.m</td><td>Introduction to XML</td></tr><tr><td>Validity: DTD and Relax NG</td></tr><tr><tdrowspan="4">Tuesday</td><td>8:00 a.m</td><td>11:00 a.m</td><tdrowspan="2">XPath</td></tr><tr><tdrowspan="2">11:00 a.m</td><tdrowspan="2">2:00 p.m</td></tr><tr><tdrowspan="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>

Solution 2:

a little hacky but you could say that 11:00 am - 2:00 pm is actually two rows, not one (each cell would then be a rowspan=2). Then Xpath and XSL transformation cells would also be rowspan=2 as there are 4 rows now. (Tuesday would be rowspan=4)

Post a Comment for "Html Table - Complex Layout - Specificel"