bootstarp-table表格中嵌套多个BUTON按钮实现
时间: 2024-05-01 14:22:02 浏览: 139
可以在表格中的每一个单元格中添加一个按钮。可以使用Bootstrap中的按钮组件来创建按钮,然后将其添加到表格中。
以下是一个示例代码:
```html
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John</td>
<td>
<div class="btn-group">
<button type="button" class="btn btn-primary">Edit</button>
<button type="button" class="btn btn-danger">Delete</button>
</div>
</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
<td>
<div class="btn-group">
<button type="button" class="btn btn-primary">Edit</button>
<button type="button" class="btn btn-danger">Delete</button>
</div>
</td>
</tr>
</tbody>
</table>
```
在上面的代码中,我们在每个表格行的“Actions”单元格中添加了一个按钮组。在这个例子中,我们创建了两个按钮,一个是“Edit”按钮,一个是“Delete”按钮。我们使用Bootstrap的“btn”和“btn-group”类来创建和组织这些按钮。
你可以通过调整按钮的样式和添加事件来自定义这些按钮的功能。
阅读全文