Всем доброго времени суток, делаю адаптивную таблицу:
Необходимо сократить ФИО при маленьком размере экрана:
Допустим было: Иванов Иван Иванович -> стало Иванов И.И.

как можно реализовать?

Это сообщение отредактировал(а) alligator - 1.9.2014, 08:41

ФИО - оно всегда ФИО или как юзер ввел, так и есть? Если нормальное фио - то  регуляркой менять.

Данные статичны т.к. собираются с контроллера домена (ldap)

Сделал так:
http://jsfiddle.net/7b1s9zx2/1/

Или может как нибудь по другому можно ? 

А обратно как вернуть отФиоченные имена?   
Разумнее, imho, делать несколько столбиков и скрывать -показывать их в зависимости от размеров таблицы. К полным фамилиям подписать столбик с ФИО.

Так это для мобильной версии =)

1. вешать тяжелые операции на resize это прямая дорога к тормозам;
2. все одинаковые jQuery селекторы нужно кешировать:

3. зачем объявляется неиспользуемая переменная i?
4. DRY. Как думаете, для чего придумали функции? правильно, чтобы не повторять уже используемый кусок программы;
5. Лично я бы заменил регулярки, например на split;
6. но в конкретном примере вообще лучше не использовать JS, используйте CSS media queries (см. bootstrap для примера)


Добавлено через 1 минуту и 14 секунд

а вот это вообще на сервере разруливать нужно и сразу подключать мобильный лэйаут, стили и скрипты. чтобы не тратить лишние Кб на мобильном интернете, подключая не нужные теги/стили/скрипты.