Возможно ли последнюю ячейку в каждой строке сделать на всю ширину на мобилке (например)?

Question

[GaserV]

Такая задачка: на десктопе - обычная табличка. А вот на мобилке во избежание горизонтального скролла отрисовали так, что крайняя ячейка в каждой строке становится на всю ширину. Возможно ли это реализовать на CSS?

Comments

[Froggyweb]

ничего не понятно.

крайняя ячейка в каждой строке становится на всю ширину.

крайняя - это последняя в строке? какая же это будет таблица. ни кода ни скринов. телепатия сплошная.

[GaserV]

Froggyweb,

крайняя - это последняя в строке

Ну да
Скрин, к сожалению, не могу приложить. Ну, попытаюсь как нибудь понятней выразиться:
В каждой строке (tr) есть 5 ячеек (td). И на мобильной версии 5-я ячейка должна быть на всю ширину и расположиться под этими 4-мя

[Froggyweb]

GaserV, без изменения display tr - вроде никак. ставить colspan с помощью js, но задача странная.
особенно смущает горизонтальный скролл. А если 3 ячейка будет на всю ширину мобильника? В целом таблицы вообще не адаптивны. Все существующие варианты - костыли для простых таблиц.

[Ankhena]

GaserV, так "сломайте" таблицу: задайте флекс или грид для tr и вперед.
Правда, ячейки перестанут вести себя как табличные, т.е. не будут знать о ширине аналогичных в другой строке.

[GaserV]

Ankhena, да, думал об этом. А это единственное что и оставалось. Помогло. Благодарю за единственный разумный ответ)

Answer 1

[Foxizix]

задай этой td класс и попробуй сделать для неё width:100%;