Comment puis-je ajouter une barre de défilement horizontale vers un tableau dans un div?

Comment puis-je ajouter une barre de défilement horizontale à une table qui est à l'intérieur d'un div?
Est-il CSS solution pour cela?

OriginalL'auteur Sandy | 2012-06-07

  1. 12

    Vous ne serez pas en mesure d'ajouter une barre de défilement à une table, mais vous pouvez l'ajouter à une DIV contenant votre table.

    Par exemple: 

    <div style="width: 400px; height: 200px; overflow: scroll;">
   <table>...</table>
</div>
    div { float: left; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }

    OriginalL'auteur Victoria Ruiz

  2. 7

    Si vous voulez seulement une barre de défilement horizontale utiliser overflow-x:auto; puis définissez la largeur.

    div
{
width: 300px;
overflow-x:auto;
overflow-y:hidden;
}

    OriginalL'auteur DRTauli

  3. 4

    Essayer:

    div {
    display: block;
    height: 200px;
    overflow: scroll;
}
    c'est la réponse div { float: left; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }

    OriginalL'auteur Tooraj Jam

  4. 4

    Pour ajouter la barre de défilement utilisation de débordement:

    div {
    width: 100px;
    overflow: auto;
}

    Vous devez ajouter la largeur de la table:

    table {
    width: 300px;
}

    http://jsfiddle.net/tpDGE/

    yhays la Réponse div { float: left; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }

    OriginalL'auteur jasssonpet