Висящие строки и столбцы у таблиц
От: Аноним  
Дата: 18.06.03 14:48
Оценка:
Всем известно что у таблицы могут быть висящие строки и столбцы, которые все время отображаются при прокрутке таблице на экране.
1. Как правильно делать такие строки и столбцы (я знаю только вариант с фреймами) для
просмотра в браузере?
2. Как настроить печать из браузера, чтобы такие строки и столбцы печатались на каждой странице?
Re: Висящие строки и столбцы у таблиц
От: Аноним  
Дата: 30.06.03 09:00
Оценка:
Не ужели нет способов?
Re: Висящие строки и столбцы у таблиц
От: uzzy Россия  
Дата: 30.06.03 09:22
Оценка:
Здравствуйте, <Аноним>, Вы писали:

А>Всем известно что у таблицы могут быть висящие строки и столбцы, которые все время отображаются при прокрутке таблице на экране.
А>1. Как правильно делать такие строки и столбцы (я знаю только вариант с фреймами) для просмотра в браузере?
идея :
<div style="width:200;height:20"><table><tr><td>Header1</td><td>Header2</td></tr></table></div>
<div style="width:200;height:50%;overflow:auto"><table title="твоя таблица с данными"></table></div>

А>2. Как настроить печать из браузера, чтобы такие строки и столбцы печатались на каждой странице?
Создавай свои Report Control-ы
Re: Висящие строки и столбцы у таблиц
От: King Oleg Украина http://kingoleg.livejournal.com
Дата: 01.07.03 07:03
Оценка: 12 (1)
Здравствуйте, Аноним, Вы писали:

А>Всем известно что у таблицы могут быть висящие строки и столбцы, которые все время отображаются при прокрутке таблице на экране.
А>1. Как правильно делать такие строки и столбцы (я знаю только вариант с фреймами) для
А>просмотра в браузере?
А>2. Как настроить печать из браузера, чтобы такие строки и столбцы печатались на каждой странице?
Могу только направить на сайт http://www.w3c.org. Если что-то и можно сделать с таблицами, то там это описано
King Oleg
*Читайте DOC'и, они rules*
Re[2]: Висящие строки и столбцы у таблиц
От: dimzon Россия http://dimzon541.narod.ru
Дата: 01.07.03 08:41
Оценка: +1
Здравствуйте, King Oleg, Вы писали:

KO>Здравствуйте, Аноним, Вы писали:

А>Всем известно что у таблицы могут быть висящие строки и столбцы, которые все время отображаются при прокрутке таблице на экране.
А>1. Как правильно делать такие строки и столбцы (я знаю только вариант с фреймами) для
А>просмотра в браузере?
А>2. Как настроить печать из браузера, чтобы такие строки и столбцы печатались на каждой странице?
KO>Могу только направить на сайт http://www.w3c.org. Если что-то и можно сделать с таблицами, то там это описано
Уж послал так послал И это правильно
... << RSDN@Home 1.0 beta 7a >>
Re: Висящие строки и столбцы у таблиц
От: andrew_www  
Дата: 20.06.06 17:05
Оценка:
Здравствуйте, Аноним, Вы писали:

А>Всем известно что у таблицы могут быть висящие строки и столбцы, которые все время отображаются при прокрутке таблице на экране.
А>1. Как правильно делать такие строки и столбцы (я знаю только вариант с фреймами) для
А>просмотра в браузере?
А>2. Как настроить печать из браузера, чтобы такие строки и столбцы печатались на каждой странице?

привет!
есть одно решение!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>Pure CSS Scrollable Table with Fixed Header</title>


<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="language" content="en-us">
<script type="text/javascript">
function fix()
{
tableContainer.obj = headTH;
tableContainer.obj.style.top = tableContainer.scrollTop + "px";
tableContainer.obj.style.pagging = "10px";
}
</script>
<style type="text/css">
<!--
div.tableContainer {
clear: both;
border: 1px solid #963;
height: 285px;
overflow: auto;
width: 756px;
}
div.tableContainer table {
float: left;
width: 740px
}

#headTH {
position: relative
}

#headTH td {
background: #C00;
border-left: 1px solid #EB8;
border-right: 1px solid #B74;
border-top: 1px solid #EB8;
font-weight: normal;
padding: 4px 3px;
text-align: left
}


td.normalRow {
background: #FFF;
border-bottom: none;
border-left: none;
border-right: 1px solid blue;
border-top: 1px solid blue;
padding: 2px 3px 3px 4px
}

-->
</style></head><body>

<div id="tableContainer" class="tableContainer" onscroll="fix();">
<table class="scrollTable" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr id="headTH">
<td class="normalRow"><a href="#">Header 1</a></td>
<td class="normalRow"><a href="#">Header 2</a></td>
<td class="normalRow"><a href="#">Header 3</a></td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>
<tr class="scrollContent">
<td class="normalRow">Cell Content 1</td>
<td class="normalRow">Cell Content 2</td>
<td class="normalRow">Cell Content 3</td>
</tr>

</table>
</div>

</body></html>
Re: Висящие строки и столбцы у таблиц
От: MBy  
Дата: 20.06.06 18:56
Оценка:
Здравствуйте, Аноним, Вы писали:

А>Всем известно что у таблицы могут быть висящие строки и столбцы, которые все время отображаются при прокрутке таблице на экране.
А>1. Как правильно делать такие строки и столбцы (я знаю только вариант с фреймами) для
А>просмотра в браузере?
Я не уверен, но может быть можно поместить таблицу в div. Сделать там overflow: scroll. И в верхушке div’а сделать шапку таблицы. Причём это шапку абсолютно позиционировать относительно div. Ну и задать ей position: fixed. Или что-то в этом роде.
Это только размытая теория. Но быть может даст какую-то мысль.
Re: Висящие строки и столбцы у таблиц
От: anvaka Украина Yasiv
Дата: 20.06.06 20:19
Оценка:
А>1. Как правильно делать такие строки и столбцы (я знаю только вариант с фреймами) для
А>просмотра в браузере?
А>2. Как настроить печать из браузера, чтобы такие строки и столбцы печатались на каждой странице?

Тут — Effects and Usability Enhancements with CSS.

Оно? Т.е. Ы?
Re[2]: Висящие строки и столбцы у таблиц
От: Darkman_VLT Россия  
Дата: 21.06.06 07:32
Оценка:
Здравствуйте, anvaka, Вы писали:
A>Тут — Effects and Usability Enhancements with CSS.
A>Оно? Т.е. Ы?

Зачёт!
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.