akifaykan adlı üyeden alıntı: mesajı görüntüle
Gerekli class veya id ye overflow-x: scroll; eklerseniz olur.
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;
}
TurkeKul adlı üyeden alıntı: mesajı görüntüle
<div style="overflow: scroll;">tablo kodları</div>

Bu işinize yarar mı?
Hocam bu şekilde oldu ancak kaydırma çubuğunun içinde yine responsive oldu.