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 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 <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 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>
Partager