Afficher/masquer plusieurs colonnes d'un tableau [Résolu/Fermé]

Signaler
Messages postés
9
Date d'inscription
jeudi 7 décembre 2017
Statut
Membre
Dernière intervention
25 avril 2018
-
Messages postés
32477
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 mai 2021
-
Bonjour,

Merci d'avance pour votre aide.

ci-dessous, mon petit script.
  • Mon problème, c'est que pour masquer plusieurs colonnes le script fonctionne très-bien, mais quand on affiche après avoir masquer, les colonnes se converti en lignes. Je veux avoir le même tableau!!


Est-ce que vous avez une solution SVP. Merci encore.

<html>

<head>
    <script type="text/javascript">
        function HideCol() {
            var table = document.getElementById ("Tab");

            var x = table.rows[0].cells[1].style;
            var x2 = table.rows[1].cells[1].style;
            var x3 = table.rows[0].cells[2].style;
            var x4 = table.rows[1].cells[2].style;
            x.display = 'none';
            x2.display = 'none';
            x3.display = 'none';
            x4.display = 'none';

        }
        function ShowCol() {
            var table = document.getElementById ("Tab");

            var x = table.rows[0].cells[1].style;
            var x2 = table.rows[1].cells[1].style;
            var x3 = table.rows[0].cells[2].style;
            var x4 = table.rows[1].cells[2].style;
            x.display = 'block';
            x2.display = 'block';
            x3.display = 'block';
            x4.display = 'block';

        }
    </script>
</head>
<body>
    <table border="3px" id="Tab">
        <tr>
            <td>France</td>
            <td>Paris</td>
            <td>Lyon</td>
            <td>Marseille</td>
        </tr>
        <tr>
            <td>Italie</td>
            <td>Rome</td>
            <td>Napoli</td>
            <td>Milan</td>
        </tr>
    </table>

    <button onclick="HideCol(); ">-</button>
    <button onclick="ShowCol(); ">+</button>
</body>

</html>

2 réponses

Messages postés
1784
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
28 avril 2021
128
bonjour

remplace block par table-cell
Messages postés
32477
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 mai 2021
347
Question posee en doublon et deja resolue sur ccm

http://www.commentcamarche.net/forum/affich-35318823-afficher-masquer-plusieurs-colonnes-d-un-tableau
Cordialement, 
Jordane