Afficher/masquer plusieurs colonnes d'un tableau

Zico250814 8 Messages postés jeudi 7 décembre 2017Date d'inscription 18 avril 2018 Dernière intervention - 16 avril 2018 à 16:37 - Dernière réponse : @karamel 1655 Messages postés vendredi 9 mai 2008Date d'inscriptionModérateurStatut 19 avril 2018 Dernière intervention
- 19 avril 2018 à 23:42
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 

1 réponse

Répondre au sujet
@karamel 1655 Messages postés vendredi 9 mai 2008Date d'inscriptionModérateurStatut 19 avril 2018 Dernière intervention - 19 avril 2018 à 23:42
0
Utile
bonjour

remplace block par table-cell
Commenter la réponse de @karamel

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.