LINUX.ORG.RU

HTML - Неподвижные области, как в Calc/Excel


0

0

1) Пользователь заполняет информацию в форму с большим кол-вом полей ввода.
Для контроля ввода по всем пользователям сделана вторая форма
(приведена ниже). Она разбита на 14 печатных страниц, что занимает много времени на программирование(верстку). Хотелось создать
одну форму с прокруткой информации и автоматическим созданием страниц.


Часть html-документа: текст несколько строк, дальше таблица.
ТЕКСТ
ТЕКСТ
--------------------------------------------------
Наименование района|Величина1|Величина2|ВеличинаX|
--------------------------------------------------
Район1 |12121 |1121546 | 15165161|
--------------------------------------------------

Как сделать неподвижной первую строку таблицы "Наименование района"
и первый столбец таблицы (аналог фиксировать в Calc).
Можно ли распечатать потом повторяющиеся неподвижные части и различное
содержание подвижной части.

2) Организация собирает из подведомственных организаций различные
формы. Раньше все пересылалось через почту и объединялось в Calc.
Сделал web-приложение для заполнения форм на сервере,
подведения итогов, просмотра по организациям.
Кому интересно или известны аналоги давайте общаться.




Используй верстку на дивах, всю подвижную область засунь в отдельный контейнер,и поставь ему overflow:scroll, если подобный скролл тебя устроит. Если недопустимо, и хочется использовать обычный скролл браузера, то поиграй с position

Orlangoor ★★★★★
()

Попробуй

tbody { max-height: 600px; display: block; overflow: auto; }

Заголовки завернуть в <thead>, тело таблицы в <tbody>. Для осла вместо max-height писать expression.

anonymous4
()
Ответ на: комментарий от anonymous4

Спасибо, пригодится:)
Таблицу нужно поделить вертикально (левая и правая часть).
Слева неподвижно - "Район" и список районов.
Справа подвижная часть - заголовки и данные по районам.

WinLin
() автор топика
Ответ на: комментарий от WinLin

Вон оно что, тебе нужно, чтобы оно горизонтально прокручивалось (невнимательно топик старт прочитал)?

table { display: block; width: 500px; overflow: auto; }
th { position: absolute; left: 0 }

Это, конечно, хак, и не без косяка: вертикально по-центру выровнять хидеры не сможешь. И не знаю, как оно в осле. Но в opera и ff работает.

anonymous4
()
Ответ на: комментарий от anonymous4

Ну и сам понимаешь, названия районов в th, данные в td. Паддинги для первой колонки и фон для хидеров сам расставишь, не маленький :)

anonymous4
()
Ответ на: комментарий от anonymous4

>Плохая идея использовать верстку "на дивах" для табличных данных.

Я может быть не так выразился, или ты меня не так понял (я не имел в виду делать таблицу дивами), но чем плохо размещать таблицу внутри контейнера я понять не могу.

Orlangoor ★★★★★
()
Ответ на: комментарий от Orlangoor

>чем плохо размещать таблицу внутри контейнера я понять не могу.

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

anonymous4
()
Ответ на: комментарий от anonymous4

Не совсем подходящий результат.

Приложение делаю только для FF 3.X.

Сделал две таблицы:
1) Таблица из одного столбца "Район" и список районов. position:fixed.
Белый фон таблицы, что не просвечивала.
2) Таблица содержит все столбцы. position:absolute.

Вроде оно самое, при печати таблицы 1 и 2 расползаются, так как
указаны точные координаты.

WinLin
() автор топика
Ответ на: комментарий от WinLin

>Не совсем подходящий результат.

Почему?

>Сделал две таблицы

может, ну его эти fixed/absolute? Обычная двухколоночная верстка + правая колонка в диве со style="width: 500px; overflow: auto;"

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

anonymous4
()

Возможно я бы сделал это на javascript. T.e. динамически создавать маленькую таблицу (в пределах видимой части страницы), а для прокрутки исп. кнопки под таблицей "вправо", "влево"

sdio ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.