JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<table class="table table-bordered">
<thead>
<tr>
<th style="width: 33%;">Fees Name</th>
<th style="width: 33%;">Amount</th>
<th style="width: 33%;">Last Date</th>
</tr>
</thead>
<tbody class="clubbedfeebody">
<tr data-feescount="0">
<td><select class="form-control classdropdown" data-classselect="0" name="Fees[0][0][clubbedFeesName]" id="Fees_0_0_clubbedFeesName">
<option value="">...Select Fees Category...</option>
<option value="1">Registration Fee</option>
<option value="2">Admission Fee</option>
<option value="3">Security Deposit</option>
<option value="4">Tution Fee</option>
<option value="5">Exam Fee</option>
<option value="6">Book Fee</option>
<option value="7">Bus Fee</option>
</select></td>
<td><input placeholder="Amount" class="form-control" name="Fees[0][0][amount]" id="Fees_0_0_amount" type="text"/></td>
<td>
<div class="input-group date lastdatepicker">
<input class="form-control date lastdatepicker" placeholder="Last Date" name="Fees[0][0][lastDate]" id="Fees_0_0_lastDate" maxlength="100" type="text"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</td>
</tr>
<tr data-feescount="0">
<td><select class="form-control classdropdown" data-classselect="0" name="Fees[0][1][clubbedFeesName]" id="Fees_0_1_clubbedFeesName">
<option value="">...Select Fees Category...</option>
<option value="1">Registration Fee</option>
...