我在Bootstrap 3中拥有该表,该表应该是可响应的,但表的列仍会缩小以固定在屏幕上。
表格的宽度应为1450px,但在我的屏幕上显示为1275px。
即使使用<table class="table" width="1450px">
,该表也会显示为较小。
同样使用<div class="table-responsive" style="overflow-x:auto;">
不会更改输出。
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Maak calculatie</h2>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th width="100px">Aantal</th>
<th width="250px">Omschrijving 1</th>
<th width="250px">Omschrijving 2</th>
<th width="250px">Omschrijving 3</th>
<th width="100px">Verkoop</th>
<th width="500px">Opmerkingen</th>
</tr>
</thead>
<tbody>
<tr>
<td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="aantal" name="aantal" value=""></div></td>
<td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="omschr_1" name="omschr_1" value=""></div></td>
<td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="omschr_2" name="omschr_2" value=""></div></td>
<td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="omschr_3" name="omschr_3" value=""></div></td>
<td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="prijs" name="prijs" value=""></div></td>
<td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="opm" name="opm" value=""></div></td>
</tr>
<tbody>
</table>
</div>
</div>
</div>
感谢您的帮助。