JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
		<p style="font-size:large;" class="bg-info lrg">December 17, 2014 (Wednesday)</p>
			<div class="table-responsive">
			<table class="table schedule-table">
                <colgroup>
                    <col></col>
                    <col></col>
                    <col></col>
                    <col></col>
                </colgroup>
				<thead>
					<tr>
						<th>
							Date
						</th>
						<th>
							Time (IST)
						</th>
						<th>
							Title
						</th>
						<th>
							Speaker
						</th>
					</tr>
				</thead>
				<tbody>
						
					<tr>
						<td>
							 Dec 17						</td>
						<td>
							 13:00 pm to 14:00 pm						</td>
						<td>
							intro 						</td>
						<td>
							 me 						</td>
					</tr>
						
					<tr>
						<td>
							 Dec 17						</td>
						<td>
							 14:00 pm to 16:00 pm						</td>
						<td>
							main topic 						</td>
						<td>
							  						</td>
					</tr>
									</tbody>
			</table>
			</div>
		</div>	
	</div>

		
	<div class="row clearfix">
		<div class="col-md-12 column">
		<p style="font-size:large;" class="bg-info lrg">December 18, 2014 (Thursday)</p>
			<div class="table-responsive">
			<table class="table schedule-table">
                <colgroup>
                    <col></col>
                    <col></col>
                    <col></col>
                    <col></col>
                </colgroup>
				<thead>
					<tr>
						<th>
							Date
						</th>
						<th>
							Time (IST)
						</th>
						<th>
							Title
						</th>
						<th>
							Speaker
						</th>
					</tr>
				</thead>
				<tbody>
						
					<tr>
						<td>
							 Dec 18						</td>
						<td>
							 12:00 pm to 13:00 pm						</td>
						<td>
							new topic about some very important and upcoming  						</td>
						<td>
							 saurabh 						</td>
					</tr>
									</tbody>
			</table>
			</div>
		</div>	
	</div>

    </div>