Вопрос про max-width столбца таблицы

12
A4
На сайте с 13.06.2012
Offline
148
1271

Ребят, помогите разобраться с версткой

Есть адаптивная таблица (стандартный bootstrap макет), в таблице есть столбец с длинными записями в ячейках, для них прописан стиль "overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 300px;". Браузер устанавливает для этих ячеек ширину ровно 300px и не уменьшает при уменьшении ширины окна. То есть эта ячейка перестала быть адаптивной.

Как сделать, чтобы ширина столбца менялась в зависимости от ширины окна и была не более 300px?

tommy-gung
На сайте с 22.11.2006
Offline
287
#1

это же таблица

можно задать ширину столбца в % + max-width

можно делать это на определенном разрешении

Здесь не могла быть ваша реклама
Z0
На сайте с 03.09.2009
Offline
758
#2

Процентами ширину задавайте, как я понял, и как выше написали 🍿

A4
На сайте с 13.06.2012
Offline
148
#3
tommy-gung:
это же таблица

можно задать ширину столбца в % + max-width

можно делать это на определенном разрешении

Если задать в процентах, то содержимое ячейки не обрезается

Z0
На сайте с 03.09.2009
Offline
758
#4
ant42:
Если задать в процентах, то содержимое ячейки не обрезается

Так max-width c overflow разве не режет? Может вам word-wrap надо? Без примера сложно 🍿

A4
На сайте с 13.06.2012
Offline
148
#5

ziliboba0213, Посмотрите, вот я пример сделал https://jsfiddle.net/fhhvjLgb/2/

Получается при уменьшении ширины экрана, второй столбец как был 350 px, так и остался

tommy-gung
На сайте с 22.11.2006
Offline
287
#6
ant42:
второй столбец как был 350 px

установлено же 350. чего б ему уменьшаться?

A4
На сайте с 13.06.2012
Offline
148
#7

tommy-gung, ну там только максимально возможная же ширина прописана (ограничена), а не текущая. А как правильно прописать стили, чтобы уменьшался и не был шире 350px?

Z0
На сайте с 03.09.2009
Offline
758
#8

Странно с пьяну :p завтра гляну, если никто не поможет 🤪 Самому интересно 🍿

tommy-gung
На сайте с 22.11.2006
Offline
287
#9

это таблица, она растягивается в зависимости от контента.

так же в коде не вижу, чтоб она была адаптивной (с горизонтальным скроллом, когда не вмещается в контейнер)

ant42:
Браузер устанавливает для этих ячеек ширину ровно 300px и не уменьшает при уменьшении ширины окна

потому что ширина контента больше 300px

если нужен только этот столбец, можешь указать ширину всем остальным, оставив этот без значения

S
На сайте с 30.09.2016
Offline
469
#10

И вообще, в спецификации указано, что max-width не работает для строк таблиц. Поэтому можно ожидать, что тем более не будет работать и для ячейки.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий