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
Trier un tableau excel - Guide
Editeur html - Télécharger - HTML
Imprimer un tableau excel - Guide
Tableau croisé dynamique - Guide

1 réponse

jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention 4 831

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 30427 Date d'inscription Statut Modérateur Dernière intervention 4 831

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 30427 Date d'inscription Statut Modérateur Dernière intervention 4 831 > ach32 Messages postés 56 Statut Membre

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

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/
0

TABLEAU HTML

1 réponse

Discussions similaires

Newsletters