2011-09-08 97 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陣列),那麼你應該能夠只計數的列數,然後生成與右列跨度標題行。

或者如果表是一個固定的寬度(我假設它不是),那麼你可以把外面的桌子是標題單元與一組寬度的股利和你想與之相匹配的格式。