2014-09-04 63 views
0

使用Javascript或java(在web視圖中),我想知道是否可以更改表格的方向?更改表格的顯示

我需要顯示在列的列:

<table style="width:100%"> 
    <tr> 
    <td>Jill</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 
    <tr> 
    <td>Eve</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
</table> 

有沒有誰可以在其他下顯示一列的JavaScript函數?

Jill 

Smith 

50 

代替

Jill Smith 50 

我想:

window.document.getElementsByTagName('theTable')[0].style.display = "table-column"; 

,但它不工作

+1

看看http://stackoverflow.com/questions/6297591/how-to-invert-the-rows-and-columns-of-an-html-table – 2014-09-04 18:22:34

+0

感謝。我認爲還有另外一種方法,比如限制表格的寬度或者網頁視圖的寬度,以便將列顯示在另一個之下。 – 2014-09-04 18:42:23

回答

0

我最後用一個簡單的方法得到它。我在每個列上設置了以下內容,現在它們顯示爲行。

.style.position = 'fixed'; 
.style.top = '50px'; //next one 100px and so on 
.style.left = '0px';