Tableau HTML défilement vertical & horizontale

Je suis à la recherche pour créer une table fixe la largeur et la hauteur peuvent faire défiler verticalement et horizontalement.

Je suis à la recherche de la première ligne de l'en-tête fixe, mais aussi la première colonne fixe et les autres colonnes afin d'être en mesure de faire défiler vers la droite.

Je peux obtenir l'en-tête de travail en tant que tel par quelque chose comme ceci:

http://www.cssplay.co.uk/menu/tablescroll.html

..mais comment pourrais-je obtenir les colonnes de défiler avec le premier restant fixe?

Des idées?

OriginalL'auteur thegunner | 2010-02-03

  1. 1

    Ce serait un peu facile, étant donné que vous travaillez avec une table avec des proportions fixes. Il suffit de créer un DIV à l'intérieur de la colonne que vous souhaitez faire défiler verticalement et de lui donner une taille fixe à votre goût et ajouter un "overflow-y:auto' attribut. Le verflow-y attribut assurez-vous seulement de présenter une barre de défilement si le contenu de la div dépasse la zone visible. Exemple:

    
<style type="text/css">
.scrollable { width:300px; height:400px; overflow-y:auto; overflow-x:hidden; clip-rect:(0px, 300px, 400px, 0px); }
</style>
<table width="500" height="500" cellpadding="0" cellspacing="0" border="0">
    <tr height="100">
        <td colspan="2">Banner</td>
    </tr>
    <tr height="400" valign="top">
        <td width="200">Left Column</td>
        <td width="300"><div class="scrollable">Scrollable area<br><br><br><br><br><br><br><br><br><br><br>Scrollable area<br><br><br><br><br><br><br><br><br><br><br></div></td>
    </tr>
</table>

    OriginalL'auteur DoctorLouie