responsive table horizontal scroll http://dbushell.com/demos/tables/rt_05-01-12.html
/*Tables*/
table, thead, tbody, th, td, tr, thead tr, tfoot tr {
display:block;
}
table {
margin-top: 40px;
margin-bottom:40px;
position: relative;
width: 100%;
border-collapse: collapse;
}
thead {
float: left;
}
tbody {
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
}
tbody tr {
display: inline-block;
vertical-align: top;
}
tr {
border-bottom: 1px solid $dark-grey;
}
/* Zebra striping */
tr:nth-of-type(odd) {
background-color: $lt-grey;
}
td, th {
padding:15px 10px;
}
td {
/* Behave like a "row" */
border-bottom: 1px solid $med-grey;
text-align:left;
min-height: 1.25em;
}
table p {
margin-bottom: 0;
}
/*
Generic Styling, for Desktops/Laptops in 768 or 800 media query
*/
table {
width: 100%;
}
tbody {
display: table-row-group;
white-space: normal;
}
thead {
float: none;
display: table-header-group;
}
tbody tr, thead tr {
display: table-row;
}
td, th {
display: table-cell;
}