Responsive Table – Scrolling Table

Strategi ketiga, yang paling mudah adalah membuat table dapat discroll secara horizontal.

Caranya cukup mudah, dengan menyimpan table didalam element div yang dapat discroll. Tidak perlu menggunakan media query, cukup mendefinisikan width dan overflow-x dari div saja.

Ingin mencoba live? Silakan click di scrolling-table@codepen.io

.containertable{
        width: 100%;
        overflow-x: auto;
}