TABLEAU HTML

Résolu

ach32 Messages postés 56 Statut Membre -
ach32 Messages postés 56 Statut Membre - 22 juin 2017 à 14:54

Bonjour à tous,
Je voudrais réaliser un tableau. qui est sur l'image ci-jointe.
Je coince dans l'utilisation des colspan et rowspan.
Si quequ'un peut m'aider à réaliser ce tableau cà me sera d'une grande aide.
Merci d'abvance...

Afficher la suite

A voir également:

TABLEAU HTML
Tableau word - Guide
Tableau ascii - Guide
Trier un tableau excel - Guide
Tableau croisé dynamique - Guide
Editeur html - Télécharger - HTML

1 réponse

Réponse 1 / 1

jordane45 Messages postés 40050 Statut Modérateur 4 754

Re bonjour,

1 - Ta question concerne du HTML .. et non le PHP. Je déplace donc le sujet dans le forum HTML ...

2 - Tu as déjà une question ouverte en php ... je serai toi j'ouvrirai mes questions les unes après les autres une fois TRAITEES et non en même temps .

3 - .. tu dis ne pas " y arriver" ... il faut donc que tu nous montres le code que tu as essayé de faire pour qu'on t'aide à le corriger au lieu de quémander un bout de code tout fait.... (c'est un peu le principe de ce forum ....)

jordane45 Messages postés 40050 Statut Modérateur 4 754

Bon... voila tout de même un début de réponse... te montrant les différentes combinaisons...je te laisse compléter pour le bas de ton tableau.

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        
        <style>
        
        table {
           background-color: #FFF;
           border-collapse: collapse;
        }

        td {
           width: 50px;
           min-width: 50px;
           height: 20px;
           min-height: 20px;
           border: 1px solid darkgray;
           background-color: white;
           text-align:center;
           vertical-align:middle;
        }
        td.desc{
          min-width:100px;
        }
        </style>
        
    </head>
    <body>
        
        <table>
           <tbody>
           <tr>
            <td colspan="2">FIRST NAME</td>
            <td colspan="3"></td>
           </tr>
           <tr>
            <td colspan="2">LAST NAME</td>
            <td colspan="3"></td>
           </tr>
           <tr>
            <td colspan="2">STATE</td>
            <td colspan="3"></td>
           </tr>
           <tr>
             <td rowspan="2">TITLE</td>
             <td rowspan="2">BASE</td>
             <td colspan="2">SAL</td>
             <td rowspan="2" class="desc">DESC</td>
           </tr>
           <tr>
             <td>COL 1</td>
             <td>COL 2</td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
           </tr>
           </tbody>
        </table>
        
  
    </body>
</html>

Actuellement, ce code donne :

ach32 Messages postés 56 Statut Membre

Merci pour tes remarques Jordane, voici mon code qui est presque prèt.


		<table border="1">
			<thead>
				<tr>
					<th colspan="2">NOM ET PRENOM</th>
					<th colspan="3"></th>
				</tr>
				<tr>
					<th colspan="2">FONCTION</th>
					<th colspan="3"></th>
				</tr>
				<tr>
					<th colspan="2">ANCIENNETE</th>
					<th colspan="3"></th>
				</tr>
				<tr>
					<th rowspan="2">DESIGNATION</th>
					<th rowspan="2">BASE</th>
					<th colspan="2">SALAIRE</th>
					<th rowspan="2">RETENUES EMPLOYEURS</th>
				</tr>
				<tr>
					<th>GAINS</th>
					<th>RETENUES</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
				<tr>
					<td>SALAIRE DE BASE</td>
					<td>41 754</td>
					<td>41 754</td>
					<td>VIDE</td>
					<td>VIDE</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<th colspan="3">TOTAL RETENUES</th>
					<th colspan="2">vi</th>	
					
				</tr>
				<tr>
					<th colspan="2">PENALITES</th>
					<th colspan="4">vi</th>	
				</tr>
				<tr>
					<th colspan="2">AVANCES SUR SALAIRE</th>
					<th colspan="4">vi</th>	
				</tr>
				<tr>
					<th colspan="2">NET A PERCEVOIR</th>
					<th colspan="4">vi</th>	
				</tr>
			</tfoot>
		</table>

Actuellement il me reste à gerer la ligne qui est juste au dessus de ALL

jordane45 Messages postés 40050 Statut Modérateur 4 754 > ach32 Messages postés 56 Statut Membre

et bien?
Visiblement tu as bien compris les rowspan et colspan ....
Quel est donc le souci ??

ach32 Messages postés 56 Statut Membre

Merci beaucoup Jordane, j'ai finalement résolu le problème gràce à ce site:

https://tabletag.net/fr/

Discussions similaires

Formule taux de marque

Tableau croisé dynamique - absence de certaines données

la balise ou

ou ou

Votre réponse

Discussions similaires