Почему при overflow: auto не красится div?

Question

[Qairat]

Вот мой проект
Если скролить направо, то можно увидеть что дивки не докрашиваются до конца.
Не смог найти решения. Посмотрите пожалуйста. В чем проблема?

Comments

[Anton Filippov]

разобрались уже?

[Qairat]

flppv, еще нет, предлагают через table сделать. Но не хочется заново все писать. В чем проблема как думаете?

[Anton Filippov]

Qairat Batyrbayev, я просто по ссылке вижу полностью прокрашенную таблицу, просто за вьюпортом справа цвет прокраски меняется на более светлый

Answer 1

[EEclipsEE]

точно вам не скажу где именно надо поправить но суть проблемы в том что ваша таблица откуда-то наследует ширину 100% и изначально равна ширине экрана (не учитывая то что он скролится)

но если я напрямую прописываю таблице ширину больше своего экрана (тоесть не 100% а больше)

то видно что ячейки докрасились. тоже самое и с шапкой вашей таблицы. Соответственно ищи откуда наследуется свойство width потому что оно задает фиксированную ширину, и все остальные ячейки просто как выпадающий контент из блока.

Answer 2

[Anton Filippov]

Ваша проблема в том, что .table_inner[_ngcontent-c3] имеет правило position: absolute;, так как у него нет заданной конкретной ширины - он берёт ширину вьюпорта, всё что за ним прокрашивается иначе.

Если вы уберёте у этого элемента position: absolute, а его родителю добавите overflow: scroll, то получите желаемое поведение(только другие стили подтянуть нужно будет, чтобы выглядело как до этих манипуляций)