Test etmedim ama aşağıdaki gibi kullanırsanız düzgün görünecektir.
Tabloyu bir divin içine alıp, css kodunu css dosyanıza ekleyin.
<div class="responsive-table">
<table>
....
</table>
</div>
.responsive-table{overflow-x: auto}
Çözümün için teşekkür ederim.Sitede bir çok tablo olunca tek tek eklemek baya zaman alabilir. Toplu bir çözüm olabilir mi diye günlerdir araştırıyorum ama bulamadım.