abarrak/responsive-table-styling.md

Last active August 16, 2016 22:48

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/abarrak/863ba1a7aacf00ff931e867ea78c35a5.js"></script>
Save abarrak/863ba1a7aacf00ff931e867ea78c35a5 to your computer and use it in GitHub Desktop.

Download ZIP

Contained Table Scrolling

Raw

responsive-table-styling.md

One strategy to make tables look nice on smaller devices is to contain them in an element with the follwoing style:

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

In my_page.html:

<div class="table-container">
  <table>
    <!-- ... -->
  </table>
</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment