JSFiddle - React, Tailwind, and code Playground
by master1991
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
<div class="col-lg-6">
<div class="panel panel-default">
<div class="panel-body">
<div class="table-responsive">
<table id="one" class="table table-hover table-responsive">
<thead>
<tr>
<th>produkt</th>
<th>code</th>
<th>amount</th>
<th></th>
</tr>
</thead>
<tbody>
<tr id="mOne325">
<td>R1
</td>
<td>
<select data-width="150px" class="form-control forResourceOne" data-live-search="true" title="code" tabindex="-98">
<option class="bs-title-option" value="">code</option>
<option value="C1">C1</option>
<option value="C2">C2</option>
<option value="C3">C3</option>
</select>
</td>
<td>
<div class="hOn" style="display: none;">554</div>
<div class="Inputz" style="display: block;"><input type="number" min="0" max="554" step="0.01" onkeyup="if(this.value>554){this.value='554';}else if(this.value<0){this.value='0';}" style="width: 100px; border-radius: 5px;" class="forChangeOne" value="554"></div>
</td>
<td>
<div class="checkbox 1 moveIcon" style="">
<input type="hidden" class="changeInputsOne" value="325" style="width: 50px;">
<input type="hidden" class="productNrOne" value="R1" style="width: 50px;">
<input type="hidden" class="amountOne" value="554" style="width: 50px;">
<input type="hidden" class="enteredDateOne" value="09.05.2018" style="width: 50px;">
<input type="hidden" class="locationOne" value="L" style="width:...