My table is wide and doesn't fully fit on normal monitors. Is there a way to add a scroll bar above the table or the container div? Check out the scroll bar used in the users table of Discourse here.
HTML
<div id="table_div">
<table id="myTable">
//content goes here
</table>
</div>
CSS
#table_div {
overflow-x: auto;
float: left;
width: 90%;
margin-left: 5%;
}
#myTable {
height: auto;
background-color: white;
border-collapse: collapse;
text-align: center;
border: 1px solid #ddd;
font-size: 16px;
width: 1305px;
}