Bootstrap 5 ile bir tabloya yatay kaydırma eklemek için, overflow-x özelliğini kullanarak CSS ile bir çözüm uygulayabilirsiniz.
<div class="container">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
<!-- Daha fazla sütun eklenebilir -->
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<!-- Daha fazla hücre eklenebilir -->
</tr>
<!-- Daha fazla satır eklenebilir -->
</tbody>
</table>
</div>
</div>CSS kodunu ekleyerek yatay kaydırmayı sağlayabilirsiniz:
.table-responsive {
overflow-x: auto;
}Bu CSS kodu, tablonun aşırı geniş olduğunda yatay kaydırma çubuğunu otomatik olarak gösterecektir. Bu sayede, tablonuzun içeriğini küçük ekranlarda yatay yönde kaydırabilirsiniz.
