我有一个数据数组，其中包含开始和结束时间以及其他信息
e.g。 var data = [
{"start": 12:00, "end": 12:27, "title": "alpha", "description": "bla bla bullshit"},
{"start": 12:27, "end": 13:20, "title": "beta", "description": "bla bla bullshit1"},
{"start": 13:20, "end": 13:50, "title": "gama", "description": "bla bla bullshit2"},
{"start": 13:50, "end": 15:00, "title": "cat", "description": "bla bla bullshit3"}
];
有许多数据变量，每个数据变量信息需要填入表tr。
样本表：
<table style="width:100%">
<tr>
<th colspan="60">Time:</th>
<th colspan="60">12:30</th>
<th colspan="60">13:00</th>
<th colspan="60">13:30</th>
<th colspan="60">14:00</th>
<th colspan="60">14:30</th>
</tr>
<tr>
<td colspan="40">title</td>
<td colspan="30">title</td>
<td colspan="50">title</td>
<td colspan="90">title</td>
<td colspan="100">title</td>
<td colspan="50">title</td>
</tr>
<tr>
<td colspan="60">title1</td>
<td colspan="30">title2</td>
<td colspan="40">title3</td>
<td colspan="100">title4</td>
<td colspan="130">title5</td>
</tr>
</table>
数据开始和结束的时间可以随分钟而变化。 我尝试使用上面的代码，但它不均匀，有时50的colspan大于90的colspan。 标题总是一样的。
请帮助..坚持很长时间。 如果不是表格，我应该使用任何其他标签，请建议。
目的是让epg像这样 http://gonedigital.net/wp-content/uploads/PhilipsEPG1.jpg
