Tableau html dynamic avec choix colonne et ligne auto

Version imprimable

Bonjour,

je cherche à créer un tableau dynamic via php avec le choix sur le nombre de colonne tout en gérant le nombre de ligne automatiquement.

J'ai donc procéder comme ceci:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 $nbligne=0; $nbcolone = 5; echo '<table><tr>'; while($data=mysql_fetch_assoc($res)){ if (($nbligne % $nbcolone) ==0 && $nbligne !=0) { echo '</tr><tr>'; $nbligne=0; } echo '<td>'.$data['num'].'</td>'; $nbligne++; } echo '</table>';
Bémol le formatage me conviens pas, je souhaiterais obtenir ceci:
Code:

1 2 3 4 AA AE AI AB AF AJ AC AG AK AD AH
Au lieu de ceci actuellement:
Code:

1 2 3 4 AA AB AC AD AE AF AG AH AK AL AM
merci pour votre aide

Ce que tu souhaites est bien expliqué dans le code ci-dessous:

Code:

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
<?php
$nbCols = 3; // nombre de colonnes du tableau
$cpt = 0; // compteur d'éléments
?>
 
<table>
  <tr>
    <th style="width:<?php echo round(100/$nbCols);?>%;">Colonne 1</th>
    <th style="width:<?php echo round(100/$nbCols);?>%;">Colonne 2</th>
    <th style="width:<?php echo round(100/$nbCols);?>%;">Colonne 3</th>
  </tr>
<?php
 
$rs = mysql_query(...); // exécution de la requête
// Nota : on pourrait tout aussi bien parcourir les éléments d'un tableau ou les fichiers d'un dossier
 
while ($row=mysql_fetch_assoc($rs)) { // parcours des résultats
 
    // début d'une ligne
    if ($cpt%$nbCols==0) // on divise le nb d'élément par le nb de colonnes. Si le reste est de 0 ...
        echo '<tr>'; // ..., alors on est sur le premier élément d'une ligne
 
 
    // On place chaque élément dans une cellule du tableau
    echo '<td>';
    echo ... // affichage de tout ce qu'on veut dans la cellule
    echo '</td>';
 
 
    // fin d'une ligne
    if ($cpt%$nbCols==($nbCols-1)) // on divise le nb d'élément par le nb de colonnes. Si le reste est de ($nbCols-1) ...
        echo '</tr>'; // ..., on est sur le dernier élément d'une ligne
 
    $cpt++; // on incrémente le compteur pour savoir où on en est
}
 
// Au cas où ...
if ($cpt!=0 && $cpt%$nbCols!=0) { // S'il n'y a pas eu assez de cellules dans la boucle pour finir la ligne ...
    echo '<td colspan="'.($nbCols - ($cpt%$nbCols) ).'">&nbsp;</td>'; // ... on complète avec une cellule vide de la bonne taille...
    echo '</tr>'; // ... et on ferme la ligne
}
 
?>
 
</table>

02/11/2010, 15h07
la_chouette

Ta source donne exactement le même résultat que mon code ci-dessus ...
02/11/2010, 15h24
boo64

il faut que tu tris tes données ds la requête avant de les afficher

Je te suis pas ... ORDER DESC/ASC ?

Au cas ou je me serais mal exprimer voici le rendu que je souhaite:
Code:

1 2 3 4 5 6 <table> <tr><td>AA</td> <td>AE</td> <td>AI</td></tr> <tr><td>AB</td> <td>AF</td> <td>AJ</td></tr> <tr><td>AC</td> <td>AG</td> <td>AK</td></tr> <tr><td>AD</td> <td>AH</td></tr> </table>

02/11/2010, 16h16
boo64

autant pour moi j'avais inversé les deux ;)

solution rapide tu crées un tableau deux dimensions de taille nbligne nbcolonne
au lieu d'afficher directement tu mets tout ds le tableau et tu affiches ensuite
02/11/2010, 16h21
la_chouette

Citation:

solution rapide tu crées un tableau deux dimensions de taille nbligne nbcolonne
au lieu d'afficher directement tu mets tout ds le tableau et tu affiches ensuite

En faite le tableau me sert à afficher une liste de ville commençant par N lettre, je me demande si c'est possible de stocker autant d'éléments dans un array ...

Un exemple de ce que je souhaite vs nbr de résultat retourné (stocker autant d'éléments dans un array ...)

http://www.wanajob.com/offres-d-emploi/ville/S

Citation:

Envoyé par la_chouette

Ta source donne exactement le même résultat que mon code ci-dessus ...

Oup's, ce n'était qu'un élément du puzzle, mais je me souvenais bien avoir déjà fait ça quelque part. ça devrait être complet avec ce code:

Code:

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<?php
header('Content-Type: text/html; charset=UTF-8');
 
$tab[] = 'A';
$tab[] = 'Alain';
$tab[] = 'Alexandre' ;
$tab[] = 'Arthur';
$tab[] = 'B';
$tab[] = 'Bernard';
$tab[] = 'Bill';
$tab[] = 'Boby' ;
$tab[] = 'C';
$tab[] = 'Catherine';
$tab[] = 'Carinne' ;
$tab[] = 'Caroline';
$tab[] = 'Charles';
$tab[] = 'D';
$tab[] = 'Damien';
$tab[] = 'Didier';
$tab[] = 'Dominique';
 
$nb_colonne = 3;
 
$nb_lignes = ceil(count($tab)/$nb_colonne);
 
for ($i = 0; $i < $nb_lignes ; $i++)
        {
                $incr = $i;
 
                for($j = 0 ; $j < $nb_colonne ; $j++)
                {      
                        if (isset($tab[$incr])){$temp[] = $tab[$incr]; $incr += $nb_lignes;} else  $temp[] = null;
                }
        }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Affichage multi-colonnes</title>
</head>
 
<body>
<table>
<?php
$cpt = 0;
foreach ($temp as $value)
{
    // début d'une ligne
    if ($cpt%$nb_colonne==0) // on divise le nb d'élément par le nb de colonnes. Si le reste est de 0 ...
        echo '<tr>'; // ..., alors on est sur le premier élément d'une ligne
 
 
    // On place chaque élément dans une cellule du tableau
    echo '<td style="padding:0 10px 0 10px">';
    echo $value; // affichage de tout ce qu'on veut dans la cellule
    echo '</td>';
 
 
    // fin d'une ligne
    if ($cpt%$nb_colonne==($nb_colonne-1)) // on divise le nb d'élément par le nb de colonnes. Si le reste est de ($nbCols-1) ...
        echo '</tr>'; // ..., on est sur le dernier élément d'une ligne
 
    $cpt++; // on incrémente le compteur pour savoir où on en est
}
?>
</table>
</body>
</html>

02/11/2010, 16h57
boo64

En effet,
j'ai déjà réussi a manipuler de gros tableaux mais j'avais un serveur puissant sans utilisateur dessus tout dépend de ton usage après..

Mais sans tableau ca va devenir très chiant à faire
02/11/2010, 17h12
ABCIWEB

Pour répondre à la question sur la taille du tableau ça ne devrait pas poser de problème pour ce besoin.

Mais bon tu peux toujours tester avec les fonctions suivantes :

memory_get_usage() Indique la quantité de mémoire utilisée par PHP
ini_get('memory_limit') Indique la quantité de mémoire disponible

Et puis si besoin rien ne t'empêche de limiter le nombre d'enregistrements retournés par ta requête ;)

Salut,

Essaie comme ça...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
$nbcolonne=5;
$i=0;
$line=array();
 
while($data=mysql_fetch_assoc($res)){
	$r=$i%$nbcolonne;
	if(!isset($line[$r]))$line[$r]='';
	$line[$r].='<td>'.$data['num'].'</td>';
	$i++;
}
 
echo "<table>\n";
foreach($line as $s)echo "\t<tr>".$s."</tr>\n";
echo "</table>\n";
?>

09/11/2010, 13h14
la_chouette

Désolé pour ma réponse tardive...

En faite ta syntaxe donne 5 lignes et plusieurs colonne ...

Ex:

<table>
<tr> <td></td> <td></td> <td></td> <td></td> ect ... </tr>
<tr> <td></td> <td></td> <td></td> <td></td> ect ... </tr>
<tr> <td></td> <td></td> <td></td> <td></td> ect ... </tr>
<tr> <td></td> <td></td> <td></td> <td></td> ect ... </tr>
<tr> <td></td> <td></td> <td></td> <td></td> ect ... </tr>
</table>

Ce que j'aimerais c'est avoir le choix sur le nombre de colonne tout en laissant à php et/ou modulo calculer le nombre de ligne automatiquement ...

Mais tu as essayé mon précédent lien ?

Bon je recopie le code :

Code:

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php
header('Content-Type: text/html; charset=UTF-8');
 
$tab[] = 'A';
$tab[] = 'Alain';
$tab[] = 'Alexandre' ;
$tab[] = 'Arthur';
$tab[] = 'B';
$tab[] = 'Bernard';
$tab[] = 'Bill';
$tab[] = 'Boby' ;
$tab[] = 'C';
$tab[] = 'Catherine';
$tab[] = 'Carinne' ;
$tab[] = 'Caroline';
$tab[] = 'Charles';
$tab[] = 'D';
$tab[] = 'Damien';
$tab[] = 'Didier';
$tab[] = 'Dominique';
 
$nb_colonne = 3;
 
$nb_lignes = ceil(count($tab)/$nb_colonne);
 
$temp = array();
 
for ($i = 0; $i < $nb_lignes ; $i++)
        {
                $incr = $i;
 
                for($j = 0 ; $j < $nb_colonne ; $j++)
                {      
                        if (isset($tab[$incr])){$temp[] = $tab[$incr]; $incr += $nb_lignes;} else  $temp[] = null;
                }
        }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Affichage multi-colonnes</title>
</head>
 
<body>
<table>
<?php
$cpt = 0;
foreach ($temp as $value)
{
    // début d'une ligne
    if ($cpt%$nb_colonne==0) // on divise le nb d'élément par le nb de colonnes. Si le reste est de 0 ...
        echo '<tr>'; // ..., alors on est sur le premier élément d'une ligne
 
 
    // On place chaque élément dans une cellule du tableau
    echo '<td style="padding:0 10px 0 10px">';
    echo $value; // affichage de tout ce qu'on veut dans la cellule
    echo '</td>';
 
 
    // fin d'une ligne
    if ($cpt%$nb_colonne==($nb_colonne-1)) // on divise le nb d'élément par le nb de colonnes. Si le reste est de ($nbCols-1) ...
        echo '</tr>'; // ..., on est sur le dernier élément d'une ligne
 
    $cpt++; // on incrémente le compteur pour savoir où on en est
}
?>
</table>
</body>
</html>

09/11/2010, 14h24
la_chouette

Merci ABCIWEB ton code fonctionne ...

Merci également à tout ceux qui sont intervenu ... ;)