Правильно выровнять таблицу? - PullRequest
2 голосов
/ 15 октября 2011

Этот код:

<table border="1">
    <tr>
        <th>a</th>
        <th>b</th>
        <th>c</th>
        <th>d</th>
    </tr>
</table>

http://jsfiddle.net/ca86D/ Генерирует:

a | b | c | d

Как я могу заставить его генерировать:

d | c | b | a

?

Без изменения порядка

Ответы [ 4 ]

4 голосов
/ 15 октября 2011

Вы можете добавить атрибут dir="rtl" в таблицу:

<table border="1" dir="rtl">
    <tr>
        <th>a</th>
        <th>b</th>
        <th>c</th>
        <th>d</th>
    </tr>
</table>

Демонстрация: http://jsfiddle.net/74XHk/1/

(попытался добавить его к tr, но это не сработало)

4 голосов
/ 15 октября 2011

добавить в свой CSS th {float:right}.Это перевернет последовательность, потому что начнется с первого th, который содержит d, и сместит его справа, затем второго и так далее.

Демо: http://jsfiddle.net/ca86D/2/

0 голосов
/ 15 октября 2011
<table border="1">
    <tr>
        <th>d</th>
        <th>c</th>
        <th>b</th>
        <th>a</th>
    </tr>
</table>
0 голосов
/ 15 октября 2011

Конечно, просто

<table border="1">
     <tr>         
         <th>d</th>
         <th>c</th>
         <th>b</th>
         <th>a</th>
     </tr>
</table> 

Надеюсь, я не понял вашего вопроса.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...