2011-09-08 85 views
1

对于我的应用程序中的显示页面,我生成了几个动态表格,其列数根据特定业务逻辑而改变。不过,我需要有一个横跨整个桌子的“标题”行。单元格跨越动态生成的表格的所有列

根据the top-voted answer here的建议,我将colspan设置为100%。这个伟大的工作,而我开发(使用Opera调试),但在IE8的测试表明,它不适合所有浏览器都成立:

without compatibility view - column is not the correct width http://i54.tinypic.com/nobx9l.jpg

有趣的事情,虽然是,它工作正常兼容性视图(这几乎等同于它是如何显示在歌剧,以及):

compatibility view - displays correctly http://i54.tinypic.com/2hx0lub.jpg

目前我的文档看起来有点像这样:

<table> 
    <tr class="head"> 
     <th colspan="100%">Circuit Ex Circuit 9</th> 
    </tr> 
    <!-- and so on, for all rows --> 
    </table> 

所以,不是一个HTML大师(更不用说一个IE大师),我很难在这一个。我如何解决这个问题来处理IE上的全表跨度?


编辑 - 我不知道为什么我的问题具有如此低的意见,甚至没有人评论说 - 我可以使用任何帮助,在此,请...

回答

0

嗯,你们的问题似乎要问如何在HTML中解决它,以便让JavaScript作为其他选项。

如果使用JavaScript来填充表,那么你应该能够使用JavaScript来计算你的列,然后设置适当的第一行上的合并单元格。我不知道你用什么样的表格获得表格,如果它已经是HTML,那么你最好把表格放到页面中,然后计算第一行中的列数,然后在第一行中添加你的标题。

如果数据是在某种物体台型结构的未来通过(例如2D阵列),那么你应该能够只计数的列数,然后生成与右列跨度标题行。

或者如果表是一个固定的宽度(我假设它不是),那么你可以把外面的桌子是标题单元与一组宽度的股利和你想与之相匹配的格式。