0
我曾尝试设置引导TD表的高度为最低
How to set maximum height for table-cell?
giving height to table and row in bootstrap
How to set the size of a column in a Bootstrap responsive table
但没有这种类型的都似乎为我工作..
我的表只是看起来像这样
.table {
font-size: 10px;
}
.table tr td {
height: 10px;
width: 10px;
}
tr {
line-height: 5px;
min-height: 5px;
height: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table table-bordered">
<thead>
<tr>
<th rowspan="2" >Tgl. Group Temuan</th>
<th rowspan="2">Ket</th>
<th colspan="3">Temuan Pemeriksaan (TP)</th>
<th colspan="3">TP yang ditindak lanjuti (TP)</th>
<th rowspan="2">TPB s/d Bulan Ini</th>
</tr>
<tr>
<th>TP s/d Bulan Lalu</th>
<th>TP Bulan ini</th>
<th>TP s/d Bulan ini</th>
<th>TP s/d Bulan Lalu</th>
<th>TP Bulan ini</th>
<th>SUB TOTAL</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2"></td>
<td>Kejadian</td>
<td >12</td>
<td>12</td>
<td>24</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>Rp</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td rowspan="2">01</td>
<td>Kejadian</td>
<td >10</td>
<td>4</td>
<td>14</td>
<td>2</td>
<td>2</td>
<td>4</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>Rp</td>
<td>55.950.000</td>
<td>55.950.000</td>
<td>86.900.000</td>
<td>10.000.000</td>
<td>0</td>
<td>10.000.000</td>
</tr>
<tr>
<td rowspan="2">0101</td>
<td>Kejadian</td>
<td >4</td>
<td>1</td>
<td>5</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>Rp</td>
<td>18.000.000</td>
<td>18.000.000</td>
<td>27.000.000</td>
<td>10.000.000</td>
<td>0</td>
<td>10.000.000</td>
</tr>
<tr>
<td rowspan="2">0102</td>
<td>Kejadian</td>
<td >4</td>
<td>1</td>
<td>5</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>Rp</td>
<td>16.950.000</td>
<td>16.950.000</td>
<td>17.900.000</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td rowspan="2">0103</td>
<td>Kejadian</td>
<td >2</td>
<td>2</td>
<td>4</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>Rp</td>
<td>21.000.000</td>
<td>21.000.000</td>
<td>42.000.000</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td rowspan="2">02</td>
<td>Kejadian</td>
<td >7</td>
<td>2</td>
<td>9</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>Rp</td>
<td>26.000.000</td>
<td>26.000.000</td>
<td>26.000.000</td>
<td>46.000.000</td>
<td>0</td>
<td>46.000.000</td>
</tr>
<tr>
<td rowspan="2">0201</td>
<td>Kejadian</td>
<td >1</td>
<td>0</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td rowspan="2"></td>
</tr>
<tr>
<td>Rp</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</tbody>
<tfoot>
<tr>
<td rowspan="2">TOTAL</td>
<td>Kejadian</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Rp</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</tfoot>
</table>
有一些人说,你必须使用<div>
标签。有没有可能使用它?
我想达到的目标是,使TD行看起来更小
(如表行高度为5px
如果可能的话)
当我想给'高度:5px'一切都没有改变... – Gagantous
我wnat使表行更小 – Gagantous
删除'padding'更新我的回答你的问题,并添加“活的演示”我的回答 –