powered by simpleCommunicator - 2.0.38     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / управление таблицей
4 сообщений из 4, страница 1 из 1
управление таблицей
    #34322641
AnoNik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Столкнулся с такой проблемой:
Есть html-ая таблица, хочется сделать так, что бы при открытие страницы с этой таблицей показывались толко часть из всех столбцев, а если пользователь захочет, то нажмет кнопочку и вылезут скрытые столбцы.
Как это можно реализовать ? Подскажите плз...
...
Рейтинг: 0 / 0
управление таблицей
    #34322693
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Можно сделать таблицу, с необходимым количеством столбцов.
В каждой ячейке делать подтаблицу. При необходимости прятать или выводить эту ячейку.

Подводные камни будут, если данные занимают больше 1 строки
...
Рейтинг: 0 / 0
управление таблицей
    #34323186
Профсоюз
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я бы рыл в эту сторону:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
<head>
    <title>Untitled Page</title>
    <script type="text/javascript">

    function ColumnsShowHide()
    {
        tbl = document.getElementById("table1");
        btn = document.getElementById("button1");
        if(tbl.className!="show")
        {
            tbl.className="show";
            btn.value = "Скрыть столбцы";
        }
         else
         {
            tbl.className="hide";
            btn.value = "Показать столбцы";
         }
    }

    </script>
    <style type="text/css">
    table.hide td.hide {display: none;}
    table.show td.hide {display: block;}
    </style>
</head>
<body>
    <table class="show" id="table1">
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
        <tr><td> 1 </td><td class="hide"> 2 </td><td> 3 </td><td> 4 </td><td class="hide"> 5 </td></tr>
    </table>

    <input type="button" onclick="ColumnsShowHide()" value="Скрыть столбцы" id="button1" />



</body>





Posted via ActualForum NNTP Server 1.3
...
Рейтинг: 0 / 0
управление таблицей
    #34323840
AnoNik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Код: plaintext
to Профсоюз
спасибо!!!
Очень помогло. :)
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / управление таблицей
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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