Drukowanie komórek tabeli od prawej do lewej

Question

Tworzę tabelę i chcę, aby pierwsza komórka zaczynała się od prawej, a nie z lewej jako domyślna. Próbowałem zmienić atrybut float w CSS, ale to nie pomaga. Oto kod:

<table border="0" width="100%" cellspacing="0" align="center" class="result_table"> 
    <tr align="right"> 
    <th bgcolor="#cccccc" align="right">1</th> 
    <th bgcolor="#cccccc" size="17">2</th> 
    <th bgcolor="#cccccc">3</th> 
    <th bgcolor="#cccccc">4</th> 
    </tr>; 

</table> 
table.result_table { 
    float:right; 
} 

Czy ktoś może zaproponować sposób na zmianę pływak z tej tabeli?

Answer 1

Nie jestem pewien, czy można to osiągnąć tylko za pomocą CSS. W przypadku korzystania z jQuery jest ok dla ciebie, oto pomysł wyjścia, które mogą dostać się do pożądanego rezultatu:

CSS:

.result_table{float:left; width:100%; border-collapse:collapse; padding:0;} 
.result_table th{float:right; padding:0;} 

JS:

var cols = $('.result_table th').length; 
var colWidth = 100/cols; 
$('.result_table th').css({width:colWidth+'%'}) 

Przykład - jsFiddle

Answer 2

Zgodnie z sugestiami w komentarzach, możesz ustawić kierunkowość od prawej do lewej (RTL). Jeśli jednak zawartość tabeli jest w języku od prawej do lewej, należy dodatkowo ustawić kierunkowość w elementach tabelkowych od lewej do prawej. W przeciwnym razie dziedziczą kierunkowość RTL, co spowoduje wiele niespodzianek w wielu sytuacjach, ponieważ kierunkowość określa ogólną kierunkowość tekstu. Nie wpłynie to na normalny tekst w języku zachodnim, ale wpłynie na np. treść taka jak "4 (5)", która wyglądałaby jak "(5) 4" z kierunkowością RTL.

Zatem należy ustawić

table.result_table { 
    direction: rtl; } 
table.result_table caption, table.result_table th, table.result_table td { 
    direction: ltr; } 

Answer 3

Jest znacznie prostszy sposób. Możesz dodać do tabeli direction="rtl".

<table dir="rtl"> 
    ... 
</table>