Découper automatiquement un tableau trop long

le goss · 24/07/2012, 09h31

Bonjour à tous,

Voici le code suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
 
<HTML>
<HEAD>
 
	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
	<TITLE></TITLE>
	<meta name="generator" content="Bluefish 1.0.7">
	<meta name="author" content="legoss">
	<META NAME="CREATED" CONTENT="20120719;8414300">
	<META NAME="CHANGED" CONTENT="0;0">
 
	<STYLE>
	</STYLE>
 
</HEAD>
 
<BODY TEXT="#000000">
 
<H1>Mon titre</h1>
 
<TABLE>
	<TR>
		<TD ALIGN="LEFT">Bla</TD>
		<TD ALIGN="LEFT">Bla</TD>
		<TD ALIGN="LEFT">Bla</TD>
		<TD ALIGN="LEFT">Bla</TD>
	</TR>
	<TR>
		<TD ALIGN="LEFT">Machin Machin Machin Machin Machin Machin Machin </TD>
		<TD ALIGN="LEFT">Machin Machin Machin Machin </TD>
		<TD ALIGN="LEFT">Machin Machin Machin Machin Machin </TD>
		<TD ALIGN="LEFT">Machin Machin Machin Machin Machin Machin Machin Machin </TD>
	</TR>
	<TR>
		<TD ALIGN="LEFT">Chose </TD>
		<TD ALIGN="LEFT">Chose Chose Chose Chose Chose Chose Chose Chose Chose Chose </TD>
		<TD ALIGN="LEFT">Chose Chose Chose </TD>
		<TD ALIGN="LEFT">Chose Chose Chose Chose Chose Chose Chose </TD>
	</TR>
</TABLE>
 
</BODY>
 
</HTML>

On l'a tous remarqué, quand on réduit la fenêtre de son navigateur, il comprime chaque colonne et fait passer le contenu d'une cellule à la ligne autant de fois qu'il le faut. Ayant des tableaux TRÈS longs (quoique les colonnes ne soàient pas très larges) je tiens à tout prix à éviter ce phénomène: dans chaque cellule, les informations doivent impérativement rester sur une seule et même ligne.

Je voudrais savoir si en html on peut obliger un tableau à couper autant de colonnes de droite que nécessaire et les faire apparaître automatiquement en dessous. Bref, faire continuer un trableau automatiquement en dessous en lui gardant son aspect...

... ben comme on peut le faire avec un traitement de texte ou le texte passe automatiquement à la ligne au lieu de déborder sur la marge, ou de se comprimer

Merci pour votre aide,
Cordialement

**Vil'Coyote** · 24/07/2012, 11h13

réponse simple. non.

le goss · 24/07/2012, 11h15

Envoyé par Vil'Coyote

réponse simple. non.

C'est bien ce que je craignais...
En javascript peut-être?

le goss · 24/07/2012, 12h40

J'ai pris une autre diredtion, vraiment pas commode. Mais bon, en attendant de trouver mieux...

Il s'agit de mettre côte à côte plusieurs tableaux. Ça, c'est bon.
Mais il me reste un petit détail à régler: comment empêcher le navigateur de comprimer les colonnes de mes tableaux ? Autrement dit, je cherche à conserver le contenu de chaque cellule sur une seule ligne...

le goss · 24/07/2012, 12h49

Pour garder le contenu d'un cellule sur une seule ligne, il faut faire un truc du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<TD [NOWRAP] ALIGN="LEFT">bla bla</TD>

Par contre, comment est-ce que je peux indiquer l'option [NOWRAP] dans ma feuille de styles ?

le goss · 24/07/2012, 13h55

Je me réponds à moi-même :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
td {
white-space:nowrap;
}

Et v'la l'travail. Sauf que ça va me faire de la saisie en plus.
Je vais voir si je peux créer un script Bash pour me simplifier la tache. mais c'est pas dans la poche. En attendant, ce sont les mimines qui vont bosser.

Bonne journée à tout le monde!

Découper automatiquement un tableau trop long

HTML

Vue hybride

Discussions similaires

Partager

Partager