zuzzz
-
Posts
5 -
Joined
-
Last visited
zuzzz's Achievements
Explorer (1/14)
0
Reputation
-
мне тоже интересно, как ты это сделал.
-
на сервере, то можно , но блин интернет трафика в два раза больше будет, таблицы в некоторых отчетах очень большие второй вариант попробую, если ни чего лучше не найду.
-
С первым вариантом вообще не хочется заморачиватся... во первых муторно, а во вторых не красиво получится, А в третих, что произойдёт при изменении размера окна? Наверняка всё сместится.... Второй вариант вариант мне больше нравится, но не всё понятно. Как копию таблицы сделать? Наверно тоже не сумею реализовать. Я находил более интересные примеры..... они работают, но в IE не корректно отображаются ячейки с rowspan к примеру этот, не самый простой зато наиболее работоспасобный: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>Lock Table Head</title> <style type='text/css'> /* DIV container around table to constrict the height for IE (IE ignores the tbody height style) */ div.FixedTableHead { overflow-y:auto; /* this fixes IE so container width is same as table width */ width: expression( (this.childNodes[0].clientWidth) + 'px' ); /* This fixes IE so the container height is table height plus the height of the header */ height: expression( (parseInt(this.childNodes[0].style.height) + this.childNodes[0].childNodes[1].offsetTop + 1) +'px' ); } /* Scrollable Content */ .FixedTableHead table tbody { height:100%; overflow-x:hidden; overflow-y:auto; } .FixedTableHead table tbody tr { height: auto; white-space: nowrap; } /* Prevent Mozilla scrollbar from hiding right-most cell content */ .FixedTableHead table tbody tr td:last-child { padding-right: 20px; } /* Fixed Header */ /* In WinIE any element with a position property set to relative and is a child of */ /* an element that has an overflow property set, the relative value translates into fixed. */ /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */ .FixedTableHead table thead tr { position: relative; height: auto; /* this fixes IE header jumping bug when mousing over rows in the tbody */ top: expression( this.parentNode.parentNode.parentNode.scrollTop + 'px' ); } /* Fixed Header */ .FixedTableHead table thead tr td { border-bottom:1px solid #000000; background-color:white; } </style> </head> <body> Lock Table Headings<br /> <br /> <div class="FixedTableHead"> <table border=1 cellspacing=0 style="height:100px;"> <thead> <tr><td rowspan=2>Title #1</td><td>Title #2....</td><td>Title #3.......</td><td>#4</td></tr> <tr><td>Title #2....</td><td>Title #3.......</td><td>#4</td></tr> </thead> <tbody> <tr><td>Item 1...........</td><td>Item 2</td><td>Item 3</td><td>Item 4</td></tr> <tr><td>Itemb5</td><td>Item 6</td><td>Item 7</td><td>Item 8</td></tr> <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td></tr> <tr><td>Itemb5</td><td>Item 6</td><td>Item 7</td><td>Item 8</td></tr> <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td></tr> <tr><td>Itemb5</td><td>Item 6</td><td>Item 7</td><td>Item 8</td></tr> <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td></tr> <tr><td>Itemb5</td><td>Item 6</td><td>Item 7</td><td>Item 8</td></tr> <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td></tr> <tr><td>Itemb5</td><td>Item 6</td><td>Item 7</td><td>Item 8</td></tr> <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td></tr> <tr><td>Itemb5</td><td>Item 6</td><td>Item 7</td><td>Item 8</td></tr> <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td></tr> <tr><td>Itemb5</td><td>Item 6</td><td>Item 7</td><td>Item 8</td></tr> <tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td></tr> <tr><td>Itemb5</td><td>Item 6</td><td>Item 7</td><td>Item 8</td></tr> </tbody> </table> </div> </body> </html> а это как?
-
Неподвижный заголовок, это когда при прокрутке большой таблицы, он не пропадал из виду, а был зафиксирован вверху таблицы. Т.е таблица с прокруткой строк и фиксированным заголовком. Из двух таблиц, у меня не получится, т.к. в этом случае надо строго задавать ширину колонок. У меня таблица строится динамически. Количество строк, столбцов может быть любым. Данные в таблице тоже могут быть разными, это может быть простое число, а может быть длинный текст. Лучше что бы таблица сама растягивалась по содержимому в ячейках.
-
Не получается сделать таблицу у которой заголовок был бы не подвижным. И при этом что бы это нормально отображалось в разных браузерах. Я много примеров нашел, но ни один не не отображает правильно одновременно и в IE и firefox. Пожалуйста помогите мне....