Change display of a table

Question

With Javascript or java (in a webview), I wonder if it is possible to change the orientation of a table?

I need to display the columns in rows:

<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>

Is there a Javascript function who could display one column under the other?

Jill

Smith

50

instead of

Jill Smith 50

I tried :

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

but it doesn't work

Take a look at http://stackoverflow.com/questions/6297591/how-to-invert-the-rows-and-columns-of-an-html-table — ROMANIA_engineer, Sep 04 '14 at 18:22
Thanks. I thought there was another way, like limit the width of the table, or the webview, so that the columns were displayed one under the other. — Stéphane GROSSMANN, Sep 04 '14 at 18:42

Stéphane GROSSMANN · Accepted Answer · 2014-09-06T07:53:54.980

0

I finally get it with a simple way. I set the following on each of the columns, and now they are displayed like rows.

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

edited Sep 06 '14 at 07:53

answered Sep 05 '14 at 14:46

Stéphane GROSSMANN

247
2
5
13

Change display of a table

1 Answers1