JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://yourjavascript.com/05223991419/jquery-visible-min.js"></script>
<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<div class="table-responsive" id="table-container">
					<table id="mytable" class="table table-bordred table-striped">
						<thead>
							<th>Status</th>
							<th>Reference</th>
							<th>Client</th>
							<th>Job Type</th>
							<th>Description</th>
							<th>City</th>
							<th>Money</th>
						</thead>
						<tbody>
							<tr class="job-item warning">
								<td>
									<span class="label label-warning" data-toggle="tooltip" data-placement="top" data-title="Some data is still missing..">Preparing</span>
									<br/>
								</td>
								<td>#1234</td>
								<td>Lorem</td>
								<td>Workspace</td>
								<td>Light fixtures</td>
								<td>London
									<br/>(<a href='jobs.php?sort=region&data=se'>SE</a>)</td>
								<td class='money'>
									<div class='text-right'>Budget:&nbsp;N/A</div>
									<div class='text-right'>Value:&nbsp;N/A</div>
									<div class='text-right'>Spent:&nbsp;N/A</div>
								</td>
							</tr>
							<tr class="job-item warning">
								<td>
									<span class="label label-warning" data-toggle="tooltip" data-placement="top" data-title="Some data is still missing..">Preparing</span>
									<br/>
								</td>
								<td>#1234</td>
								<td>Lorem</td>
								<td>Workspace</td>
								<td>Light fixtures</td>
								<td>London
									<br/>(<a href='jobs.php?sort=region&data=se'>SE</a>)</td>
								<td class='money'>
									<div class='text-right'>Budget:&nbsp;N/A</div>
									<div class='text-right'>Value:&nbsp;N/A</div>
									<div class='text-right'>Spent:&nbsp;N/A</div>
								</td>
							</tr>
							<tr class="job-item...

JavaScript

$(document).ready(function() {
			var nextScroll, tabledata = "<table id='mytable' class='table table-bordred table-striped'><thead><th>Status</th><th>Reference</th><th>Client</th><th>Job Type</th><th>Description</th><th>City</th><th>Money</th></thead><tbody><tr class='job-item warning'><td><span class='label label-warning' data-toggle='tooltip' data-placement='top' data-title='Some data is still missing..'>Preparing</span><br/></td><td>#1234</td><td>Lorem</td><td>Workspace</td><td>Light fixtures</td><td>London<br/>(<a href='jobs.php?sort=region&data=se'>SE</a>)</td><td class='money'><div class='text-right'>Budget:&nbsp;N/A</div><div class='text-right'>Value:&nbsp;N/A</div><div class='text-right'>Spent:&nbsp;N/A</div></td></tr><tr class='job-item warning'><td><span class='label label-warning' data-toggle='tooltip' data-placement='top' data-title='Some data is still missing..'>Preparing</span><br/></td><td>#1234</td><td>Lorem</td><td>Workspace</td><td>Light fixtures</td><td>London<br/>(<a href='jobs.php?sort=region&data=se'>SE</a>)</td><td class='money'><div class='text-right'>Budget:&nbsp;N/A</div><div class='text-right'>Value:&nbsp;N/A</div><div class='text-right'>Spent:&nbsp;N/A</div></td></tr><tr class='job-item warning'><td><span class='label label-warning' data-toggle='tooltip' data-placement='top' data-title='Some data is still missing..'>Preparing</span><br/></td><td>#1234</td><td>Lorem</td><td>Workspace</td><td>Light fixtures</td><td>London<br/>(<a href='jobs.php?sort=region&data=se'>SE</a>)</td><td class='money'><div class='text-right'>Budget:&nbsp;N/A</div><div class='text-right'>Value:&nbsp;N/A</div><div class='text-right'>Spent:&nbsp;N/A</div></td></tr><tr class='job-item warning'><td><span class='label label-warning' data-toggle='tooltip' data-placement='top' data-title='Some data is still missing..'>Preparing</span><br/></td><td>#1234</td><td>Lorem</td><td>Workspace</td><td>Light fixtures</td><td>London<br/>(<a...