L'impression des cellules de tableau de droite à gauche

- Je faire un tableau et souhaitez que la première cellule à démarrer à partir de la droite au lieu de gauche en tant que par défaut.
J'ai essayé de changer le flotteur de l'attribut dans le CSS mais il ne semble pas aider.
Voici le 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;
}

Quelqu'un peut-il suggérer une façon de changer le flotteur de ce tableau?

que voulez-vous changer à partir de la droite? le contenu de la première cellule?
Pourquoi n'utilisez-vous pas direction:ltr; pour la cellule?
table de changement de direction à rtl place de float
merci rtl a parfaitement fonctionné.!

OriginalL'auteur antonpuz | 2013-03-08

  1. 13

    Comme suggéré dans les commentaires, vous pouvez définir la directionnalité de droite à gauche (RTL). Cependant, à moins que votre contenu de la table est dans un de droite à gauche de la langue, vous devez en outre définir la directionnalité dans le tableau des éléments de contenu à gauche-à-droite. Sinon, ils héritent de RTL directivité, ce qui va provoquer des surprises dans de nombreuses situations, depuis la directionnalité définit également l'ensemble du texte de la directionnalité. Ceci n'affectera pas normal de texte dans une langue Occidentale, mais il aura une incidence sur par exemple le contenu comme “4 (5)”, qui apparaîtra comme “(5) 4” avec RTL directivité.

    Ainsi, vous devez définir

    table.result_table {
  direction: rtl; }
table.result_table caption, table.result_table th, table.result_table td {
  direction: ltr; }
    J'ai eu à faire l'inverse, mais qui a été utile. Merci!

    OriginalL'auteur Jukka K. Korpela

  2. 0

    Je ne suis pas sûr si cela peut être réalisé avec CSS. Si vous utilisez jQuery est Ok pour vous, voici une idée de départ qui pourrait vous obtenir le résultat désiré:

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

    Exemple - jsFiddle

    merci pour votre commentaire, mais le rtl a fonctionné parfaitement pour moi.

    OriginalL'auteur earthdesigner

  3. 0

    Il y a un moyen beaucoup plus facile. Vous pouvez ajouter direction="rtl" à la table.

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

    OriginalL'auteur eylay