Как сделать фиксированные ячейки таблицы Bootstrap?

Question

[Максим Иванов]

Хочется, чтобы видно было только первые 2-3 знака числа, а остальное скрывалось (overflow:hidden что ли).
А то, когда большие числа в ячейках, тогда таблица некрасивая становится



Сделал так:


При наведении показывается полное число, так вроде как красиво, если смотреть на ширину ячеек и расхождение чисел...

Answer 1

[Николай]

А вы не хотите сделать форматтер для чисел? Ну то есть добавлять общепринятые обозначения типа "тыс." "мил." или там "k", "kk", "kkk". Тут и с шириной будет ок всё и читаться будет легко.

Answer 2

[Антон]

Это вроде как решение на программном уровне, а не на дизайнерском.

Answer 3

[pozharsky]

Разве нельзя просто установить фиксированную ширину каждой ячейки таблицы? Тогда числа, которые не влазят в эту ширину, будут показаны с полосой прокрутки. (ваше overflow:hidden)

Comments

[Максим Иванов]

пытался, что то не задается

[Сергей delphinpro]

splincodewd: добавьте еще table-layout:fixed для таблицы, и , возможно, придется обернуть содержимое ячеек в доп див, к которому уже и применять overflow.

А вообще, я бы оставил числа полностью. таблицу обернул в .table-responsive и фиг с ней, с прокруткой всей таблицы.