Mobil Tasarıma Sığmayan Tablo

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.

Şöyle yapılabilir sanırım. jQuery ile table'ların önüne <div class="responsive"> sonuna ise </div> ekleyebilirsiniz. Bu sayede jQuery ile divler eklenmiş olur, test etmedim ama bu şekilde olması lazım.

@PsdBul; verdiği linkten yaptım çok teşekkür ederim. Böyle bir sorunu olanlar CSS dosyasına aşağıdaki kodları ekleyerek yapabilirler.

table {
    table-layout: fixed;
}

tbody {
    display: block;
    overflow: scroll;
}

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 12:01:00 -->-> Daha önceki mesaj 12:00:16 --



Teşekkür ederim hocam ilginiz için.