Придумал решение, которое позволяет вписать таблицу с несколькими колонками в контейнер фиксированного размера. При выходе за пределы размеров контейнера, скролл не портит верстку. Решение представлено на github-е.
Размер html таблицы зависит от размера содержимого. Поэтому таблицу почти не возможно вписать в какой-либо контейнер. Отдельной проблемой может стать скролл, размер которого не контролируется.
В таблице есть одна колонка, которая должна занимать все свободное пространство. Остальные колонки имеют фиксированный размер или ограниченный.
Основное ограничение, это не учитывается высота "резиновой" колонки, потому что он находится в блоке с абсолютным позиционированием. Этот эффект в примере прикрыт обрезанием длинных строк. Чтобы преодолеть это ограничение нужно добавить немного кода на js.
Комментариев нет:
Отправить комментарий