Заголовки таблицы с использованием чистого CSS - переменная ширина и высота с вертикальной и горизонтальной полосами прокрутки

Question

Существует ли подход Pure CSS, который блокирует заголовки в элементе thead, при этом вся таблица имеет переменную ширину, а содержимое таблицы можно прокручивать как по вертикали, так и по горизонтали?

Я нашел это решение, но столбцы имеют фиксированную ширину, а таблица имеет фиксированную ширину, а горизонтальные полосы прокрутки отсутствуют:

http://www.imaputz.com/cssStuff/bigFourVersion.html

Я нашел это решение, которое почти идеально, за исключением того, что вы не можете прокрутить содержимое таблицы по горизонтали:

http://salzerdesign.com/test/fixedTable.html

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

Answer 1

Вы посмотрели код в приведенных вами примерах?Небольшая модификация второго примера подойдет вашим потребностям.Это не совсем таблица, «thead» - это на самом деле div, похожий на один, а остальная часть таблицы обернута внутри другого div с переполнением.Вы можете установить размер этого div, а затем иметь таблицу настолько большой, насколько вы хотите.Просто установите переполнения соответственно.