jebu1104
1/11/2016 - 2:52 PM

responsive table horizontal scroll http://dbushell.com/demos/tables/rt_05-01-12.html

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;
	}