Печать табличных ячеек справа налево

Question

Я создаю таблицу и хочу, чтобы первая ячейка начиналась справа, а не слева, по умолчанию. Я попытался изменить атрибут float в CSS, но он, похоже, не помогает. Вот код:

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

Может кто-нибудь предложить способ изменить поплавок этой таблицы?

Answer 1

Я не уверен, что это может быть достигнуто только с помощью CSS. При использовании JQuery является Ok для вас, вот отправная идея, которая может получить вас к желаемому результату:

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

Пример - jsFiddle

Answer 2

Как указано в комментариях, вы можете установить направленность справа налево (RTL). Однако, если содержимое вашей таблицы не находится на языке справа налево, вы должны дополнительно установить направленность в элементах содержимого таблицы слева направо. В противном случае они наследуют направленность RTL, что вызовет неожиданности во многих ситуациях, поскольку направленность также задает общую направленность текста. Это не повлияет на нормальный текст на западном языке, но это скажется на, например, как «4 (5)», который будет выглядеть как «(5) 4» с направленностью RTL.

Таким образом, вы должны установить

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

Answer 3

Существует гораздо более простой способ. Вы можете добавить direction="rtl" к таблице.

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