ReSQL.ru
     
powered by simpleCommunicator - 2.0.36     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (CSS+HTML) Как оформить таблицу...
12 сообщений из 12, страница 1 из 1
(CSS+HTML) Как оформить таблицу...
    #34083761
Lepaj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lepaj
Участник
Доброго всем времени суток...

Уважаемые Гуру, извините, если мой вопрос вам покажется глупым, но у меня возникла проблема. Она заключается в следующем:

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

Вопрос : Можно ли так сделать таблицу, что бы шапка оставалась на месте, а таблица прокручивалась. Вариант с фреймами не проходят, так как шапка длинее ширины страницы, и шапка реализованная в первом фрейме не прокручивается, если пользователь, хочет просмотреть последние поля таблицы и прокручивает первый фрейм в правую сторону.

Извините за скомканое объяснение, но незнаю как еще выразить эту проблему :`(
...
Рейтинг: 0 / 0
26.10.2006, 14:27
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34083870
Фотография Black
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Black
Участник
Модератор: Перенесено из форума PHP&PERL
...
Рейтинг: 0 / 0
26.10.2006, 14:49
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34083930
Lepaj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lepaj
Участник
Николай aka MotodorМодератор: Перенесено из форума PHP&PERL

Пардон, не заметил что такая ветка появилась...
...
Рейтинг: 0 / 0
26.10.2006, 14:58
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34083950
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
видимо нужно css свойство
position: fixed;
думаю будет то что нужно если применить это к thead
А вообще некрасивая получается таблица-то :(
...
Рейтинг: 0 / 0
26.10.2006, 15:02
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34084156
Lepaj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lepaj
Участник
LINUXERвидимо нужно css свойство
position: fixed;
думаю будет то что нужно если применить это к thead
А вообще некрасивая получается таблица-то :(

А к какому тегу применять... Я попробовал к <iframe> но он не хочет работать...

<iframe src='proba.html' style='position:fixed; left:0px; top:0px;' frameborder='0' HEIGHT='70' WIDTH='1500' scrolling='no'>не работает</iframe>"
...
Рейтинг: 0 / 0
26.10.2006, 15:38
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34084547
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Единственный вариант - сделать шапку в одно таблице, данные в другой. Структура примерно такая:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<table height= 100 %>
    <tr><td height= 1 %>
        <div id=header class=d1 style="height:100%"></div>
    </td></tr>
    <tr><td>
        <div id=header class=d1 style="overflow:auto;height:100%">
            <table id=records><tr><td>поле1</td><td>поле2....</td></tr></table>
        </div>
    </td></tr>
</table>
После загрузки страницы перебрать столбцы таблицы records, собрать строку, формирующую таблицу с таким же количеством столбцов с жестко прописанной шириной, например через <img width=xxx src=empty.gif>, и прописать ее в header.innerHTML.
...
Рейтинг: 0 / 0
26.10.2006, 17:01
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34084826
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
AntonariyЕдинственный вариант - сделать шапку в одно таблице, данные в другой. Структура примерно такая:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<table height= 100 %>
    <tr><td height= 1 %>
        <div id=header class=d1 style="height:100%"></div>
    </td></tr>
    <tr><td>
        <div id=header class=d1 style="overflow:auto;height:100%">
            <table id=records><tr><td>поле1</td><td>поле2....</td></tr></table>
        </div>
    </td></tr>
</table>
После загрузки страницы перебрать столбцы таблицы records, собрать строку, формирующую таблицу с таким же количеством столбцов с жестко прописанной шириной, например через <img width=xxx src=empty.gif>, и прописать ее в header.innerHTML.
интересный вариант, но в таком виде только под ИЕ
...
Рейтинг: 0 / 0
26.10.2006, 18:00
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34084870
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
Lepaj LINUXERвидимо нужно css свойство
position: fixed;
думаю будет то что нужно если применить это к thead
А вообще некрасивая получается таблица-то :(

А к какому тегу применять... Я попробовал к <iframe> но он не хочет работать...

<iframe src='proba.html' style='position:fixed; left:0px; top:0px;' frameborder='0' HEIGHT='70' WIDTH='1500' scrolling='no'>не работает</iframe>"

В ИЕ с этим свойством проблемы
они решаются например тут
это можно применить к thead а в tbody добавить пустую строку
Код: plaintext
1.
2.
3.
4.
<table>//если не ясно что такое thead
<thead><tr><th><th></thead>
<tbody><tr><td><td></tbody>
</table>
тогда будет скролл страницы, а не дива, (это если на странице только таблица)
...
Рейтинг: 0 / 0
26.10.2006, 18:12
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34085402
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
LINUXERинтересный вариант, но в таком виде только под ИЕА что конкретно не сработает под другими?
...
Рейтинг: 0 / 0
26.10.2006, 23:15
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34085731
Lepaj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lepaj
Участник
Antonariy LINUXERинтересный вариант, но в таком виде только под ИЕА что конкретно не сработает под другими?

Попробовал данный вариант под разными браузерами... Коректно работает только в IE... В опере не отразилась таблица с данными... В мозиле в таблице с данными скрол находится в конце таблицы, пользователю, скорее всего не удобно будет пролистывать 2000 записей, что бы узнать значение последнего поля в первой записи... Но вариант и в правду хорош :) Спасибо...

LINUXER
В ИЕ с этим свойством проблемы
они решаются например тут
это можно применить к thead а в tbody добавить пустую строку


Сейчас пробую данный вариант.
...
Рейтинг: 0 / 0
27.10.2006, 08:46
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34086579
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
LepajВ опере не отразилась таблица с данными... В мозиле в таблице с данными скрол находится в конце таблицы, пользователю, скорее всего не удобно будет пролистывать 2000 записей, что бы узнать значение последнего поля в первой записи... Можно поиграться с widh/height таблицы и дива и с overflow-x и overflow-y дива.
...
Рейтинг: 0 / 0
27.10.2006, 12:33
| Ответить | Цитировать | Написать  
(CSS+HTML) Как оформить таблицу...
    #34089931
Lepaj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lepaj
Участник
AntonariyМожно поиграться с widh/height таблицы и дива и с overflow-x и overflow-y дива.

Спасибо ;) Попробую.
...
Рейтинг: 0 / 0
30.10.2006, 07:19
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (CSS+HTML) Как оформить таблицу...
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru             Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1459203]:
 0ms
get settings:
 11ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 44ms
get topic data:
 11ms
get first new msg:
 8ms
get forum data:
 3ms
get page messages:
 51ms
get tp. blocked users:
 2ms
others: 13ms
total:  165ms
созд. / загр.: 165ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]