如何删除此行表
问题描述:
我需要使用此表中删除thead
和tbody
之间的直线bootstrap3
我曾尝试用CSS但没有成功如何删除此行表
我试图消除border
S和的table
但我崩溃得到这个
<table class="table">
<thead>
<tr>
<th>Atividade:</th>
<th>Meta:</th>
<th>Responsável</th>
<th>Parceria:</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="text" class="form-control" name="NomeAtividade[]" required="">
</td>
<td>
<input type="number" min="0" max="100" step="1" value="0" class="form-control" id="MetaAtividade" name="MetaAtividade[]">
</td>
<td>
<input type="text" class="form-control" name="ResponsavelAtividade[]">
</td>
<td>
<input type="text" class="form-control" name="ParceiroAtividade[]">
</td>
<td>
<button type="button" class="btn btn-default addButton"><i class="glyphicon glyphicon-plus"></i></button>
</td>
</tr>
</tbody>
答
它是从未来Bootstr ap.css,你必须设置border:0
2元,见下面代码段,
用于!important
仅供演示
.table {
background: darkgreen
}
.table > tbody > tr > td,
.table > thead > tr > th {
border: 0 !important
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<table class="table">
<thead>
<tr>
<th>Atividade:</th>
<th>Meta:</th>
<th>Responsável</th>
<th>Parceria:</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="text" class="form-control" name="NomeAtividade[]" required="">
</td>
<td>
<input type="number" min="0" max="100" step="1" value="0" class="form-control" id="MetaAtividade" name="MetaAtividade[]">
</td>
<td>
<input type="text" class="form-control" name="ResponsavelAtividade[]">
</td>
<td>
<input type="text" class="form-control" name="ParceiroAtividade[]">
</td>
<td>
<button type="button" class="btn btn-default addButton"><i class="glyphicon glyphicon-plus"></i>
</button>
</td>
</tr>
</tbody>
你设置'CELLSPACING = “0”'或'表格定义中的“border-spacing:0”? –