Выровняй по мне!

136
42
8671
2488
1121
8005

Если в столбце таблицы содержатся числа с различным количеством знаков после десятичной запятой, то дробная часть одного может оказаться над целой частью другого. При этом затрудняется восприятие информации, и анализ данных становится трудоёмким и малоэффективным.

Плагин JSComma выполняет выравнивание в столбце по десятичной запятой или другому указанному символу, повышая наглядность информации.

Демо

Выровнять

Сейчас непонятно, кто получает больше всех, а кто меньше.

А теперь всё очевидно.

Сотрудник Зарплата Премия Налог К выдаче
Иванов125003125162514000
Кречетова22500,515625,132925,0725200,57
Ласточкин33274,28318,554325,6537267,1
Бахарев12502,33125,581625,314002,58
Дроздов1040002600013520116480
Золотухин3509,19877,3456,193930,3
Красильников42891,510722,885575,948038,48

Запуск

HTML

Подключаем библиотеку jQuery и плагин в секцию <head></head>:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="./js/jquery.jscomma-1.0.js"></script>

Назначаем класс столбцам, внутри которых требуется выравнивание:

<table>
<tr>
<th>Сотрудник</th>
<th class="i-jscomma">Зарплата</th>
<th class="i-jscomma">Премия</th>
<th class="i-jscomma">Налог</th>
<th class="i-jscomma">К выдаче</th>
</tr>
...
</table>

Если в столбцах нет заголовков <th></th>, то можно добавлять класс к тегу <td></td> в первой строке.

JavaScript

$(document).ready(function(){
$(".i-jscomma").jscomma();
});

Параметры

Опция По умолчанию Описание
symbol , Символ, по которому происходит выравнивание текста в колонке.
align left Выравниваниие внутри ячейки.
feature false Учитывать ли особенности шрифта при выравнивании (устанавливается в true, если в таблице встречаются ячейки с разным кеглем, шрифтом или начертанием).
animate false Анимировать процесс выравнивания (используется при небольших объемах данных).
speed 1000 Скорость анимации (в миллисекундах).

Скачать