web-dev-qa-db-fra.com

Comment faire défiler un tableau

Est-ce que quelqu'un connaît une manière Vanilla de faire défiler le corps d'un tableau en utilisant uniquement html et css?

La solution évidente

tbody {
    height: 200px;
    overflow-y: scroll;
}

ne marche pas.

Ne serait-ce pas là l'usage évident des tables?

est-ce que je fais quelque chose de mal?

htmlcsscss-tables
17
Martin Kristiansen

Vous devez d'abord déclarer une hauteur, sinon votre table se développera en fonction de son contenu.

table{
   overflow-y:scroll;
   height:100px;
   display:block;
}

EDIT: après avoir clarifié votre problème, j'ai édité le violon: consultez cet exemple ou de cette façon . Il est plutôt hacky et non garanti de fonctionner en crossbrowser mais pourrait fonctionner pour votre cas.

29
Christoph

Vous ne pouvez pas faire ça avec une table. Enveloppez la table avec un div et donnez-lui quelque chose comme:

div.wrapper {
    overflow:hidden;
    overflow-y: scroll;
    height: 100px; // change this to desired height
}
10
scoota269

Voulez-vous quelque chose comme ça?

Tableau déroulant CSS pur avec en-tête fixe (1)

http://anaturb.net/csstips/sheader.htm

http://www.scientificpsychic.com/blogentries/html-and-css-scrolling-table-with-fixed-heading.html

1
RMN