[Resolvido] tabela, tr, td na vertical
muitas pessoas tem procurado uma solução para o problema, fiz uma em PHP, mas nem todo mundo usa PHP e nem sempre as colunas tem texto, as vezes tem imagem no lugar de texto.
ae a melhor solução seria o DOM do javascript, então fiz esse sistema:
<style>
table#tt tr td{
background:#fc0;
height:25px;
}
</style>
<script>
function TableVertical(){/****************************************
****--------------------------------****
****--------------------------------****
****Tabela Vertical by SilverFox****
****--------------------------------****
****--------------------------------****
*****************************************/
var soma = "0";
var tt = document.getElementById("tt");
var ttr = tt.getElementsByTagName("tr");
var ttds = ttr[0].getElementsByTagName("td");
for(i=0;i<ttds.length;i++){
soma = (-(-soma)+(ttds[0].offsetWidth));
}
tt.style.width = (soma);
}
window.onload = function(){
TableVertical();
}
</script>
<table id="tt">
<tr>
<td>asda as </td>
<td>asda as </td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
</tr>
<tr>
<td>asda as asd as das d dasda as asd as das dasda as asd as das d</td>
<td>asda as asd as das dasda as asd as das dasda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
</tr>
</table>mantenham os creditos ;p
Discussão (0)
Carregando comentários...