Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Растянуть таблицу на ширину родителя (https://javascript.ru/forum/xhtml-html-css/85241-rastyanut-tablicu-na-shirinu-roditelya.html)

Neznajka 24.05.2023 12:22

Растянуть таблицу на ширину родителя
 
Вложений: 1
Мне тут удалось чисто магией CSS зафиксировать заголовок таблицы по примеру. Но это потребовало задать для таблицы CSS-правило {display: block;} - иначе упрямый {position: sticky;} для заголовочных ячеек таблицы не хочет работать. Всё бы ничего, но этот табличный {display: block;} теперь не даёт растянуть таблицу на всю ширину родителя, несмотря на принудительно указанные в CSS процентные габариты заголовочных ячеек.
Чтобы растянуть таблицу за счёт последней колонки я там пробовал указывать и {width: auto;}, и даже в самой таблице 100% указал - всё равно не помогает :(
Может кто знает какую-нибудь действенную "CSS-молитву" на такой случай?
Прилагаю в архиве HTML-файл со встроенными стилями, в которых имеется несколько пробных классов для таблицы - посмотрите, пожалуйста, можно ли решить описанную проблему.


Часовой пояс GMT +3, время: 13:00.