1 pièce(s) jointe(s)
[BootStrap] Mettre le dropdown Menu au dessus de la TABLE
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 !
Pièce jointe 388978
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
|
<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:
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> |
