Html 引导表无响应，i'；m使用表数据中的输入字段

我正在使用表的引导，表内的数据有输入字段和显示滚动条。我不想滚动条和打破与响应设计的字

<div class="table-responsive">
<table class="table table-bordered inventory">
<thead>
<tr>
<th><input class="check_all" type="checkbox" onclick="select_all()"></th>
<th>S. No</th>
<th>Product Name</th>
<th>Item Code</th>
<th>Quantity</th>
<th>Rate ($)</th>
<th>Total ($)</th>
</tr>
</thead>

<tr>
<td><input type="checkbox" class="case"></td>
<td><span id="snum">1</span></td>
<td><input type="text" id="productname_1" name="productname[]" value="Rose Petal Garlands" required="" class="ui-autocomplete-input" autocomplete="off">    </td> 
<td><input class="itemcode ui-autocomplete-input" type="text" id="itemcode_1" name="itemcode[]" value="RPG001" required readonly autocomplete="off"></td>
<td><input type="text" class="number quantity ui-autocomplete-input" id="quantity_1" name="quantity[]" value="5" required autocomplete="off"></td>
<td><input type="text" class="number productprice" id="productprice_.1" name="productprice[]" value="5" required></td>
<td><input type="text" class="number tcost" id="tcost_1" name="tcost[]" readonly="readonly" required></td>
</tr>
<tr>                                
<td><input type="checkbox" class="case"></td>
<td><span id="snum">2</span></td>
<td><input type="text" id="productname_2" name="productname[]" value="Jasmine Flowers" required></td> 
<td><input class="itemcode" type="text" id="itemcode_2" name="itemcode[]" value="JF001" required readonly></td>
<td><input type="text" class="number quantity" id="quantity_1" name="quantity[]" value="10" required></td>
<td><input type="text" class="number productprice" id="productprice_.2" name="productprice[]" value="13" required></td>
<td><input type="text" class="number tcost" id="tcost_1" name="tcost[]" readonly="readonly" required></td>
</tr>   
</tbody>
</table>
 </div>

美国号
品名
项目代码
量
利率（元）
总数（元）
1.
2.

JSFIDLE:

美国号
品名
项目代码
量
利率（元）
总数（元）
1.
2.

---

jsFIDLE:

我想你问错了问题，因为那张桌子有反应是的，桌子有反应。我的问题是，表格并没有用滚动条扩展到很大的地方，只是用窗口固定了一下。看看这个谢谢，正是这个

<div class="table-responsive">
<table class="table table-bordered inventory">
<thead>
<tr>
<th><input class="check_all" type="checkbox" onclick="select_all()"></th>
<th>S. No</th>
<th>Product Name</th>
<th>Item Code</th>
<th>Quantity</th>
<th>Rate ($)</th>
<th>Total ($)</th>
</tr>
</thead>

<tr>
<td><input type="checkbox" class="case"></td>
<td><span id="snum">1</span></td>
<td><input type="text" id="productname_1" name="productname[]" value="Rose Petal Garlands" required="" class="ui-autocomplete-input" autocomplete="off">    </td> 
<td><input class="itemcode ui-autocomplete-input" type="text" id="itemcode_1" name="itemcode[]" value="RPG001" required readonly autocomplete="off"></td>
<td><input type="text" class="number quantity ui-autocomplete-input" id="quantity_1" name="quantity[]" value="5" required autocomplete="off"></td>
<td><input type="text" class="number productprice" id="productprice_.1" name="productprice[]" value="5" required></td>
<td><input type="text" class="number tcost" id="tcost_1" name="tcost[]" readonly="readonly" required></td>
</tr>
<tr>                                
<td><input type="checkbox" class="case"></td>
<td><span id="snum">2</span></td>
<td><input type="text" id="productname_2" name="productname[]" value="Jasmine Flowers" required></td> 
<td><input class="itemcode" type="text" id="itemcode_2" name="itemcode[]" value="JF001" required readonly></td>
<td><input type="text" class="number quantity" id="quantity_1" name="quantity[]" value="10" required></td>
<td><input type="text" class="number productprice" id="productprice_.2" name="productprice[]" value="13" required></td>
<td><input type="text" class="number tcost" id="tcost_1" name="tcost[]" readonly="readonly" required></td>
</tr>   
</tbody>
</table>
 </div>