JSFiddle - React, Tailwind, and code Playground

by Eric L

HTML

<div class="container-fluid">
		<div class="table-responsive col-sm-12">
			<table
				class="table table-striped table-bordered table-hover table-responsive table-condensed "
				id="tractorTable">
        <tr>ssss</tr>
			</table>
		</div>
		<div class="row ">
			<div id="buttonDiv" class="hidden" > 
				<div class="col-xs-12 left">
					<button id="newTractorBtn" class="btn btn-primary">New</button>
					<button id="UpdateTractorBtn" class="btn btn-primary">Update</button>
					<button id="deleteTractorBtn" class="btn btn-danger">Delete</button>
					<button id="reactivateTractorBtn" class="btn btn-primary">Reactivate</button>					 
					<button id="cloneTractorBtn" class="btn btn-primary">Clone</button>
					<button id="serviceHistoryBtn" class="btn btn-primary">Service
						History</button>
					<button id="updateHistoryBtn" class="btn btn-primary">Update
						History</button>
				</div>
			</div>
		</div>