Discussion :

[HAM_10]

bonjour

comme vous voyez dans l'image lorsque je Click sur un bouton inclus dans un table ce bouton affiche une "dropdown menu" lorsque je met la souris sur l'action un "hover" de plus
s'ajoute ! et un scroll apparaît normalement le menu doit être au dessus de la table !



code :

Code html :

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
 
<tbody>
	<tr ngFor='let c of dossiers'>
		<td class="name">{{c.numero}}</td>
		<td class="type d-none d-md-table-cell">{{c.status}}</td>
		<td class="owner d-none d-sm-table-cell">{{c.dateCreation}}</td>
		<td class="size d-none d-sm-table-cell">
			<a class="icon-eye" data-toggle="modal" data-target="#gridSystemModal" (click)="affectationClient(c.client.idClient)"></a>
		</td>
		<td class="last-modified d-none d-lg-table-cell">
			<div class="dropdown ">
				<button type="button" class="btn btn-icon" aria-label="btnGroup" data-toggle="dropdown">
					<i class="icon icon-dots-vertical"></i>
				</button>
				<div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroup">
					<button class="dropdown-item" data-toggle="modal" data-target="#modifierDossier" (click)="affectationDossier(c)">Modifier Dossier</button>
					<button class="dropdown-item" data-toggle="modal" data-target="#supprimerDosssier" (click)="affectationClient(c.client.idClient)">Supprimer Dossier</button>
					<a class="dropdown-item" href="dossiers/details?id={{c.id}}">Details Dossier</a>
				</div>
			</div>
		</td>
	</tr>
</tbody>

//code généré

Code html :

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
<tbody _ngcontent-c11="">
                            <!--bindings={
  "ng-reflect-ng-for-of": "[object Object]"
}-->
                        <tr _ngcontent-c11="" role="row" class="odd">
                                <td _ngcontent-c11="" class="name sorting_1" tabindex="0">545</td>
                                <td _ngcontent-c11="" class="type d-none d-md-table-cell">Debut</td>
                                <td _ngcontent-c11="" class="owner d-none d-sm-table-cell">2018-05-30</td>
                                <td _ngcontent-c11="" class="size d-none d-sm-table-cell">
                                    <a _ngcontent-c11="" class="icon-eye" data-target="#gridSystemModal" data-toggle="modal"></a>
                                </td>
                                <td _ngcontent-c11="" class="last-modified d-none d-lg-table-cell">
 
                                    <div _ngcontent-c11="" class="dropdown show">
                                        <button _ngcontent-c11="" aria-label="btnGroup" class="btn btn-icon" data-toggle="dropdown" type="button" aria-expanded="true">
                                            <i _ngcontent-c11="" class="icon icon-dots-vertical"></i>
                                        </button>
                                        <div _ngcontent-c11="" aria-labelledby="btnGroup" class="dropdown-menu dropdown-menu-right show" x-placement="top-end" style="position: absolute; transform: translate3d(-106px, -11px, 0px); top: 0px; left: 0px; will-change: transform;">
                                            <button _ngcontent-c11="" class="dropdown-item" data-target="#modifierDossier" data-toggle="modal">Modifier Dossier</button>
                                            <button _ngcontent-c11="" class="dropdown-item" data-target="#supprimerDosssier" data-toggle="modal">Supprimer Dossier</button>
                                            <a _ngcontent-c11="" class="dropdown-item" href="dossiers/details?id=1">Details Dossier</a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
</tbody>

[Invité]

Bonjour,

merci de :

• poser une question claire
• donner suffisamment d'explications (objectif, problème rencontré, message d'erreur,...)
• montrer le code * nécessaire et suffisant pour pouvoir tester

* de préférence le code HTML généré ("Ctrl" + "U")

[HAM_10]

d'accord , j'ai modifié le message