Küçük ekranlarda tabloyu yatay eksende kaydırmak?

Merhaba arkadaşlar aşağıdaki yapıda bir tablom var. Küçük ekranlarda satırlar daralıyor ve içerik hoş görünmüyor. Bu tabloyu ekran küçülünce sağa sola kaydırarak içeriği görüntülemek istiyorum. Css ile nasıl yapabilirim?

<table class="table table-striped">
<tbody>
<tr>
<td><strong>Adres</strong></td>
<td>Adres bilgisi...</td>
</tr>
<tr>
<td><strong>Telefon</strong></td>
<td>0 (312) 263 1122 - 0 (543) 230 2031</td>
</tr>
<tr>
<td><strong>Yüzölçümü</strong></td>
<td>350.000 M²</td>
</tr>
<tr>
<td><strong>Açılış - Kapanış</strong></td>
<td>Pzt. - Cmt. 09:00 - 19:00</td>
</tr>
<tr>
<td><strong>Toplu Ulaşım</strong></td>
<td>533 Numara
417 Numara </td>
</tr>
</tbody>
</table>

Büyük Ekranlardaki Görüntüsü:
https://prnt.sc/hfs2s8
Küçük Ekranlardaki Görüntüsü:
https://prnt.sc/hfs3ur

Gerekli class veya id ye overflow-x: scroll; eklerseniz olur.

<div style="overflow: scroll;">tablo kodları</div>

Bu işinize yarar mı?

Tablonun css kodları aşağıdaki gibi, sizin söylediğinizi son satıra ekledim fakat değişiklik olmadı.

/* TABLE */
table {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid;
  border-left: 1px solid;
  margin-bottom: 24px;
  overflow-x: scroll;
}
table:last-child {
  margin-bottom: 0;
}
td,
th {
  padding: 10px 15px;
  border-bottom: 1px solid;
  border-right: 1px solid;
}

Hocam bu şekilde oldu ancak kaydırma çubuğunun içinde yine responsive oldu.