JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<div class="divTable">
  <div class="divTableHeading">
	  <div class="divTableRow">
		  <div class="divTableCell" >DEPARTURE TIME</div>
			<div class="divTableCell">ARRIVAL TIME</div>
			<div class="divTableCell">FARE</div>
			<div class="divTableCell">BUS TYPE</div>
			<div class="divTableCell">AVAILABLE SEATS</div>
			<div class="divTableCell">STATUS</div>
		</div>
	</div>
	<div class="divTableBody" id="divTableBody">
    <div class="divTableRow">
      <div class="divTableCell1" id="departure_time">1200</div> 
      <div class="divTableCell1" id="arrival_time">1615</div>
      <div class="divTableCell1">1600</div>
      <div class="divTableCell1">VOLVO</div>
      <div class="divTableCell1">8</div>
      <div class="divTableCell1">OK</div>
    </div>
    <div class="divTableRow">
      <div class="divTableCell1" id="departure_time">8888</div> 
      <div class="divTableCell1" id="arrival_time">9999</div>
      <div class="divTableCell1">1600</div>
      <div class="divTableCell1">VOLVO</div>
      <div class="divTableCell1">8</div>
      <div class="divTableCell1">OK</div>
    </div>
	</div>
</div>

CSS

.divTable{
			display: table;
			width: 100%;
			margin-top:20px;
		}
		.divTableRow {
			display: table-row;
			text-align: -webkit-center;
		}
		.divTableHeading {
			background-color: rgba(0, 102, 179, 0.6) !important;
			color: #fff;
			display: table-header-group;
			white-space: nowrap;
		}
		.divTableCell, .divTableHead {
			border: 1px solid #e3e3e3;
			display: table-cell;
			padding: 3px 10px;
			width:30%;
			white-space: nowrap;
		}
		.divTableCell1, .divTableHead {
			border: 1px solid #e3e3e3;
			display: table-cell;
			padding: 3px 10px;
			white-space: nowrap;
		}
		.divTableHeading {
			background-color: #EEE;
			display: table-header-group;
			font-weight: bold;
		}
		.divTableFoot {
			background-color: #EEE;
			display: table-footer-group;
			font-weight: bold;
		}
		.divTableBody {
			display: table-row-group;
		}

JavaScript

$("div.divTableRow").click(function(){
  var departure = $(this).find("#departure_time").text();
  alert(departure);
  var arrival = $(this).find("#arrival_time").text(); 
  alert(arrival);
});