stankata90
Registered
Привет на всички. Трябва ми помощ относно скролирането на таблици а по конкретно скролиране на редовете на таблицата с фиксирани заглавия:
<table>
<tr>
<th>Заглавие 1</th><th>Заглавие 2</th> <th>Заглавие 3</th>
</tr>
<tr>
<td>Съдържание 1</td><td>Съдържание 2</td><td>Съдържание 3</td>
</tr>
<tr>
<td>Съдържание 1</td><td>Съдържание 2</td><td>Съдържание 3</td>
</tr>
</table>
идеята е когато скролирам вертикално заглавията да са фиксирани и да се скролират само тр -тата в които има тд, а когато скролирам хоризонтално е необходимо да се скролират и заглавията. На този етап скролирам цялта таблица във един див който е 800 на 800 пиксеа. Пробвах и един друг вариант:
<div style="width: 800px; height: 800px; overflow: auto;">
<div class="zaglavie" style="width: 100% height: 100%">
<table>
<tr><th>заглавие 1</th><th>Заглавие 2</th></tr>
</div>
<div class="sydyrjanie" style="width: 100%; height: 300px; overflow: auto;">
<table>
<tr><td>Съдържание 1</td><td>Съдържание 2</td></tr>
</table>
</div>
</div>
Първоначално ми се стори добра идея но... за да вия скролбара за вертикалното стролиране на diva с клас sydyrjanie трябва да скролна хоризонтално основния див който е 800 800 пиксела. Когато скролна достатъзно за да се появи скрла на дива (съдържание) първите колони от таблицата не се виждат. Таблицата която имам е от около 40 колони... Рових из нета и не успях да намеря решение на проблема.
<table>
<tr>
<th>Заглавие 1</th><th>Заглавие 2</th> <th>Заглавие 3</th>
</tr>
<tr>
<td>Съдържание 1</td><td>Съдържание 2</td><td>Съдържание 3</td>
</tr>
<tr>
<td>Съдържание 1</td><td>Съдържание 2</td><td>Съдържание 3</td>
</tr>
</table>
идеята е когато скролирам вертикално заглавията да са фиксирани и да се скролират само тр -тата в които има тд, а когато скролирам хоризонтално е необходимо да се скролират и заглавията. На този етап скролирам цялта таблица във един див който е 800 на 800 пиксеа. Пробвах и един друг вариант:
<div style="width: 800px; height: 800px; overflow: auto;">
<div class="zaglavie" style="width: 100% height: 100%">
<table>
<tr><th>заглавие 1</th><th>Заглавие 2</th></tr>
</div>
<div class="sydyrjanie" style="width: 100%; height: 300px; overflow: auto;">
<table>
<tr><td>Съдържание 1</td><td>Съдържание 2</td></tr>
</table>
</div>
</div>
Първоначално ми се стори добра идея но... за да вия скролбара за вертикалното стролиране на diva с клас sydyrjanie трябва да скролна хоризонтално основния див който е 800 800 пиксела. Когато скролна достатъзно за да се появи скрла на дива (съдържание) първите колони от таблицата не се виждат. Таблицата която имам е от около 40 колони... Рових из нета и не успях да намеря решение на проблема.