如何将botton放在标签行数据html引导旁边

Question

我想在表的每一行数据中的表数据旁边做一个按钮。我试着为它制作一个新的列来放置按钮，但上面有一个边框。我希望它没有边框，只有按钮。我对这个使用引导程序4

这是我的html

<div class="card-body col-10">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Password</th>
<th>Phone</th>
<th>Privilege</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Email</th>
<th>Password</th>
<th>Phone</th>
<th>Privilege</th>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>[e-mail]</td>
<td>Edinburgh</td>
<td>081290188409</td>
<td>1</td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>[e-mail]</td>
<td>Edinburgh</td>
<td>081290188409</td>
<td>1</td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>[e-mail]</td>
<td>Edinburgh</td>
<td>081290188409</td>
<td>1</td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>[e-mail]</td>
<td>Edinburgh</td>
<td>081290188409</td>
<td>1</td>
</tr>


</tbody>
</table>
</div>
</div>

我想在特权旁边的桌子右边做一个按钮，这个按钮不是桌子。

我试着把它做成像这个代码中那样的表格

<div class="card-body col-1">
<div class="tablen float-left">
<table class="table table-borderless" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>Delete</th>
</tr>
</thead>
<tbody>
<tr>
<td><button type="button" class="btn btn-danger fas fa-table float-left"></button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

但是它离旁边的桌子太远了。我想要它就在桌子旁边。如果你知道的话，请帮忙。谢谢

Answer 1

通过JQuery，您可以使用

它可以通过CSS3使用：before来解决，但我不知道它的确切语法

所以这里是JQuery代码

$("td").each(function (){
$(this).append("<button type='button' class='btn btn-danger fas fa-table float-left'></button>" );
});