Tabellenzellen von rechts nach links drucken

Question

Ich mache eine Tabelle und möchte, dass die erste Zelle standardmäßig von rechts statt von links beginnt. Ich habe versucht, das Float-Attribut in CSS zu ändern, aber es scheint nicht zu helfen. Hier ist der Code:

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

Kann jemand einen Weg vorschlagen, den Schwimmer dieser Tabelle zu ändern?

Answer 1

Ich bin nicht sicher, ob dies nur mit CSS erreicht werden kann. Bei der Verwendung von jQuery für Sie Ok, hier ist ein Ausgangs Idee, dass Sie das gewünschte Ergebnis erhalten könnten:

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+'%'}) 

Beispiel - jsFiddle

Answer 2

Wie in Kommentaren vorgeschlagen, können Sie die Direktionalität von rechts nach links (RTL) festlegen. Wenn der Tabelleninhalt jedoch nicht von rechts nach links ist, sollten Sie die Direktionalität in Tabelleninhaltselementen zusätzlich von links nach rechts festlegen. Andernfalls erben sie die RTL-Direktionalität, was in vielen Situationen zu Überraschungen führen wird, da die Direktionalität auch die allgemeine Textausrichtung vorgibt. Dies hat keinen Einfluss auf normalen Text in einer westlichen Sprache, sondern wirkt sich z. Inhalt wie "4 (5)", der mit RTL Direktionalität als "(5) 4" erscheinen würde.

Daher sollten Sie

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

Answer 3

Es gibt eine viel einfachere Art und Weise eingestellt. Sie können direction="rtl" der Tabelle hinzufügen.

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