sd-spreadsheet/html/screen/sd.html

<div id="screen-sd" class="screen">
	<div class="container">
		<br/>
		<ul class="nav nav-tabs">
			<li class="active"><a data-toggle="tab" href="#table1">Dynamics</a></li>
			<li><a data-toggle="tab" href="#table2">Tilly's</a></li>
			<li><a data-toggle="tab" href="#table3">Sephoria</a></li>
		</ul>

		<div class="tab-content">
			<div id="table1" class="tab-pane fade in active">
				<div class="hero-unit">
				<!--
					<h1>Worksheet</h1>
					<h4>live edit</h4>
					-->
					<br/>
				
					<div class="table-responsive">
						<table class="table table-striped editable" style="cursor: pointer;">
							<thead>
								<tr>
									<th>Division</th>
									<th>Consignee</th>
									<th>Called&nbsp;In</th>
									<th>Dispatch&nbsp;#</th>
									<th>Shipper</th>
									<th>Ready</th>
									<th>Address&nbsp;1</th>
									<th>Address&nbsp;2</th>
									<th>City</th>
									<th>ST</th>
									<th>Zip</th>
									<th>Phone</th>
									
									<th>Ready&nbsp;Time</th>
									<th>Close&nbsp;Time</th>
									<th class="editable">Pickup&nbsp;Time</th>
									<th class="editable">Depart&nbsp;Time</th>
									<th class="editable">BOL&nbsp;Delivered</th>
									
									<th>Dispatch&nbsp;Refere</th>
									
									<th>Ctns</th>
									<th>Weight</th>
									<th>Cube</th>
								</tr>
							</thead>
						
							<tbody>
							</tbody>
						
							<tfoot></tfoot>
						</table>
					</div>

					<input style="position: absolute; display: none;">
					
					<!--
					<div style="text-align: right">
						<button type="submit" class="btn btn-primary">Save</button>
					</div>
					-->
				</div>
			</div>
			
			<div id="table2" class="tab-pane fade">
				<h3>Menu 1</h3>
				<p>Some content in menu 1.</p>
			</div>
			
			<div id="table3" class="tab-pane fade">
				<h3>Menu 2</h3>
				<p>Some content in menu 2.</p>
			</div>
		</div>
	</div>
</div>