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

Zico250814 9 Messages postés jeudi 7 décembre 2017Date d'inscription 25 avril 2018 Dernière intervention - 16 avril 2018 à 16:37 - Dernière réponse : jordane45 21637 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 16 juillet 2018 Dernière intervention
- 20 avril 2018 à 06:45
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>
Afficher la suite 

Votre réponse

2 réponses

@karamel 1659 Messages postés vendredi 9 mai 2008Date d'inscriptionModérateurStatut 22 juin 2018 Dernière intervention - 19 avril 2018 à 23:42
0
Merci
bonjour

remplace block par table-cell
Commenter la réponse de @karamel
jordane45 21637 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 16 juillet 2018 Dernière intervention - Modifié par jordane45 le 20/04/2018 à 06:45
0
Merci
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                                                                 
Commenter la réponse de jordane45

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.