Подскажите пожалуйста. Есть следующая верстка: Код (Text): <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Таблицы</title> <style type="text/css"> TABLE { background: maroon; /* Цвет фона таблицы */ color: white; /* Цвет текста */ } TH { background: maroon; position: sticky; top: 0; z-index: 2; } TD { background: navy; /* Цвет фона ячеек */ } </style> </head> <body> <table cellpadding="4" cellspacing="1"> <tr><th>Заголовок 1</th><th>Заголовок 2</th></tr> <tr><td>Ячейка 3</td><td>Ячейка 4</td>></tr> </table> </body> </html> Как понятно из верстки, при использовании тега TH будет фиксироваться строчка при прокрутке. На первой строчке это работает, но если нужно зафиксировать первый столбик, то не работает. Столбик прокручивается...Как зафиксировать первый столбик?
Не мог бы ты поместить свой пример, который работает НЕ так как хочется в https://jsfiddle.net/ ? Чтобы мы ничего не додумывали и могли всё попробовать сразу, без лишней черновой работы. --- Добавлено --- А вообще, может пригодиться селектор TD:nth-child(1)