dgknbzglu
Kilopat
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- PHP Developer
Merhabalar. Kodum aşağıdaki şekilde, Bootstrap kullanıyorum.
table-responsive div içerisinde modal altta kalıyor. Bunu nasıl düzeltebilirim?
Chrome ile mobil görünümde modal çalışıyor, ama mobilde çalıştırdığımda modal altta kalıyor hiç bir şekilde tıklanmıyor. z-index değeriyle de denedim ama fayda etmedi. Ekran görüntüsünü de bırakayım:
HTML:
<div class="table-responsive">
<table id="example2" class="table table-striped table-bordered">
<thead>
<tr>
<th scope="col">işlem</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="javascript:void(0);" class="text-danger" data-bs-toggle="modal" data-bs-target="#xmodal"><span class="badge bg-danger rounded-pill">Sil</span></a>
</td>
</tr>
<!-- Deletefirst Modal -->
<div class="modal fade" id="xmodal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="deletefirstpopuplabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="deletefirstpopuplabel">UYARI!</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Dosya silinecek, onaylıyor musunuz?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-bs-dismiss="modal">Vazgeç</button>
<a href="dosyasil.php?id=xxxxx" class="btn btn-danger">Evet</a>
</div>
</div>
</div>
</div>
</tbody>
</table>
</div>
table-responsive div içerisinde modal altta kalıyor. Bunu nasıl düzeltebilirim?
Chrome ile mobil görünümde modal çalışıyor, ama mobilde çalıştırdığımda modal altta kalıyor hiç bir şekilde tıklanmıyor. z-index değeriyle de denedim ama fayda etmedi. Ekran görüntüsünü de bırakayım: