2014-09-04 116 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';