[HTML] Одинаковые <TD>

[Хакер]

Я почти уверен, что такое сделать на голом HTML (без JS и прочего), наверное невозможно.

Но всё же (т.к. надежда уходит последней) поднимаю этот топик.

Итак задача:
Мы имеел один HTML документ, назовём его парентом. На этом паренте есть IFRAME, который отображает второй HTML документ - назовём его чилдом.

Чилд представляет из себя только таблицу. Т.е. ничего кроме таблицы в чилде нет - даже все отступы установлены в 0. Таблица эта больше чем высота ИФРЕЙМА, поэтому отображается вертикальная полоса прокрутки, которая даёт возможность прокручивать эту таблицу.

Так вот, я бы хотел сделать как то FixedRows для этой таблицы, т.е. некоторое подобие Header-ов как у ListView например. Единственный варинат, который пришёл мне в голову: сделать эту шапку не в чилде, а в паренте,. прямо перед ИФРЕЙМОМ.

Проблема: Дело в том, что колонок у этой таблицы много - примерно 7-10, и поставить им одинаковый width я ручками могу. Но вот если какая-то запись в какой-то ячейке будет длинная и растянет одну из колонок (особенно нехорошо будет - если растянута будет первая), то буде не хорошо

Вопрос: Как синхронизировать ширину TD-ов таблицы в чилде, с TD-ами таблицы в паренте перед ИФРЕЙМОМ.

Я думаю, я понятно объяснил суть проблему. Если что то непонятно - спрашивайте.

[_ae_]

Чилд представляет из себя только таблицу.

А может прямо над этой таблицей(в iframe) сделать фиксированный div?

[Хакер]

И что, он не будет прокручиваться что-ли?

[_ae_]

сделай так что бы не прокручивался

[Хакер]

Каким образом?
position:absolute ?

[Хакер]

Попробовал.

Нет, он всё равно прокручивается. К тому же проблема прокрутки не решает главной проблемы - синхронизации ширины.

[_ae_]

<div style="left: 80px; width: 100px; position: fixed ; top: 144px; height: 10px;">Я не буду прокручиваться в нормальном броузере</div>

[Хакер]

Сейчас попробуй. Но уже сейчас я могу сказать, что как мне кажется, ДИВ будет тупо находится над таблицей. Это не есть гуд. К тому же главня проблема опять не решена - как сделать так, чтобы колонки таблицы внутри дива были такими же, как и колонки во второй таблице?

[_ae_]

как сделать так, чтобы колонки таблицы внутри дива были такими же, как и колонки во второй таблице?

Выставить фиксированные размеры у колонок и у элементов в диве?

Но уже сейчас я могу сказать, что как мне кажется, ДИВ будет тупо находится над таблицей

А тебе что надо?

[Antonariy]

Если тебе всего лишь нужен html-аналог грида, то прекрати терзать ифрейм. И совсем без скриптов не получится.

Код: Выделить всё

div.ClassList
{
   display:block;
   OVERFLOW: auto;
   height:100%;
}

table.list
{
   TABLE-LAYOUT: fixed;
}

table.list th
{
   Z-INDEX: 2;
   POSITION: relative;
   TOP: expression(ParentDiv(this).scrollTop-2);
}

function ParentDiv(el) {
   if(el.parentElement.tagName=="DIV"){
      return(el.parentElement)
   }else{
      return(ParentDiv(el.parentElement))
   }
}

<div class=ClassList>
   <table width="100%" class=list>
      <thead>
         <tr>
            <th>Заголовок 1</th>
            <th>Заголовок 2</th>
         </tr>
      </thead>
      <tbody>
         <tr>
            <td>х1</td>
            <td>х2</td>
         </tr>
         <tr>
            <td>х1</td>
            <td>х2</td>
         </tr>
         <tr>
            <td>х1</td>
            <td>х2</td>
         </tr>
      </tbody>
   </table>
</div>

И еще, это работает только в IE из-за TOP: expression.

[Хакер]

Antonariy
Нужен именно HTML аналог грида с фиксированными строкамм (для хеадрера). Однако ифрейм терзать нужно, потому как в ифрейме отображается список файлов, генерируемый другим скриптом.

[_ae_]

И еще, это работает только в IE

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

[Хакер]

Ифрейм сделан из соображения: не перезагружать основную страницу для обновления списка файлов.

[Konst_One]

вот:

[Хакер]

Ага. Вот так, как утебя - оно сделано у меня сейчас.


А я опасаюсь этого: (см. прилож. к постингу)

[Konst_One]

<td width=20%>

для всех TD

[Antonariy]

Ифрейм сделан из соображения: не перезагружать основную страницу для обновления списка файлов.

А AJAX для чего придумывали умные дядьки? Однако дело твое. Хочешь ифрейм - юзай ифрейм. Можешь кстати грузить в него весь див с таблицей и заголовками.

Не поленился оформить пример. Одно непонятно - в примере хедеры подрагивают, а в проге, где используется эта фишка, сидят как влитые.

[Хакер]

Konst_One
Не спасёт. Если текст длиннный всё равно растягивать будет.

Antonariy а чем то что я делаю не Ajax ?

[Konst_One]

ничего нерастягивается
проверь

PS
может расстянуться, если будет длинное слово

[Antonariy]

Тем, что ты не изменяешь динамически с сервера контент той же страницы, а грузишь новую в ифрейм. Ифрейм фактически это отдельное окно броузера. Такой Ajax я еще лет 5 назад юзал.

Кстати, отрыл таки ссылку с которой содрал свой пример:
http://web.tampabay.rr.com/bmerkey/exam ... n-csv.html

[Хакер]

Таки растягивается.

См. приложение.

[Хакер]

PS
может расстянуться, если будет длинное слово

Хех Добавил в последний момент.

А я о чём и говорю.

Проблема: Дело в том, что колонок у этой таблицы много - примерно 7-10, и поставить им одинаковый width я ручками могу. Но вот если какая-то запись в какой-то ячейке будет длинная и растянет одну из колонок (особенно нехорошо будет - если растянута будет первая), то буде не хорошо

[Konst_One]

попробуй поиграться со стилем:
word-wrap:break-word;

[Хакер]

Если он вздумает переносить строки, то будет ещё хуже

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

[ACiD]

Могу предложить
такой вариант, правда
с с границами туфта выходит:

[Хакер]

Перечитай ещё раз топик, и пойми какой бред ты выложил

[Oxygen]

На JScript укладывается в пару десятков строк кода...

P.S. Это как повод к размышлению... Не гемороиться, а заюзать скрипт...

[Хакер]

Oxygen

Да.. наверное придётся. Просто у меня был такой подход - делать всё без скриптов, чтобы на у максимального числа пользователей всё работало. Хотя, юзая IFRAME я свой подход уже нарушаю