JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>










<a href="#" id="c" class="text-right">+add more</a>
		

<table class="table">
				<thead>
					<tr>
						<th>S.No.</th>
						<th>Name</th>
						<th>Dose</th>



					</tr></thead>
					<tbody>
				<tr>
					<td>1</td>
					<td style="width:80%"><input id="1a" type="text" class="form-control"></td>
					<td style="width:80%"><input type="number" class="form-control"></td>
				<tr>
</tbody>

			</table>

CSS

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">

JavaScript

$(function(){
    var counter = 1;
	$("#c").click(function(e){
    	e.preventDefault();
        var tr = $("table.table tbody tr:first").clone()
        .appendTo("table.table tbody");
        tr.find("td:eq(0)").text(++counter);
    });
})