Jquery UI — resize колонок таблицы. Как сжать колонку без учета ее содержимого?

Resize на увеличение ширины колонки работает именно так как нужно, но на уменьшение - нет.
Колонку по ширине нельзя сжать меньше, чем ее содержимое.
Важно, чтобы содержание ячеек таблицы оставалось в одну строку, т.е. решение проблемы через css свойство white-space: no-wrap не подходит.
Подскажите пожалуйста, как сжимать колонку по ширине, чтобы содержание оставалось без переноса строки, т.е. такое же поведение как делает стиль text-overflow: ellipsis.
Т.е., например, вместо "Пример длинной строки" -> было "Прим..." если колонка узкая.
Спасибо!

Пример в песочнице: https://codepen.io/anon/pen/QmgEdo
  • Вопрос задан
  • 431 просмотр
Пригласить эксперта
Ответы на вопрос 2
white_mage
@white_mage
Web-разработчик
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Пытался... Вышло так..
Но не смог сделать тоже самое с названиями колонок... :(
Сорри...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы