Форум Сайтостроение Веб-строительство

Таблица с прокруткой данных

VoV@
На сайте с 22.09.2007
Offline
196
VoV@
1021

Коллеги, подскажите пожалуйста простой и элегантный способ решения такой задачи.

Есть таблица с записями из БД. Таблица довольно большая как в ширину, так и в высоту. Необходимо встроить прокрутку так, что бы поля заголовков сверху и слева оставлись всегда видимыми, а прокручивались только данные.

Желательно с минимумом скриптов, лучше вообще без них а только HTML и CSS.

ЗЫ при прокрутке по вертикали фиксируется шапка, по горизонтали - левая колонка.

⭐ Разработка Андроид-приложений (Xamarin C#). ⭐ Разработка ASP.NET (WebForms, MVC, WebAPI, Core). ⭐ Цой жив!
kil
На сайте с 03.04.2006
Offline
84
kil
#1

1. Шапку отдельно, остальное запихнуть в

<div style="overflow: scroll">

2. Для шапки сделать

position: fixed
VoV@
На сайте с 22.09.2007
Offline
196
VoV@
#2

Думал о таком варианте. Для вертикальной прокрутки подойдёт.

Для горизотальной - не очень, высоту строк выравнивать отдельно придётся.

kil
На сайте с 03.04.2006
Offline
84
kil
#3
VoV@:
Думал о таком варианте. Для вертикальной прокрутки подойдёт.

Для горизотальной - не очень, высоту строк выравнивать отдельно придётся.

Думал о каком варианте? Я два написал.

Горизонтально удобнее прокручивать всю страницу с таблицей

R
На сайте с 17.11.2011
Offline
22
rommer
#4

Когда-то тоже искал такое.

Нашол всего лишь один работающий пример в сети с горой Javascript-а.

Давно это было.

Оптимально - разорвать шапку и таблицу.

Основной недостаток, что придется явно указывать ширину столбиков и/или высоту рядков.

домашняя страница - google.com.ua

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий