bootstraptable嵌套按钮
时间: 2023-08-13 12:02:35 浏览: 139
如果你想在 Bootstrap Table 的行中嵌套按钮,可以使用 formatter 函数来实现。以下是一个示例代码:
```javascript
function operateFormatter(value, row, index) {
return [
'<button class="btn btn-primary btn-sm">编辑</button>',
'<button class="btn btn-danger btn-sm">删除</button>'
].join('');
}
$(function() {
$('#table').bootstrapTable({
columns: [{
field: 'id',
title: 'ID'
}, {
field: 'name',
title: 'Name'
}, {
field: 'operate',
title: '操作',
formatter: operateFormatter
}],
data: [{
id: 1,
name: 'John',
operate: ''
}, {
id: 2,
name: 'Tom',
operate: ''
}]
});
});
```
在上述代码中,我们定义了一个 `operateFormatter` 函数用于生成两个按钮,然后在表格的 `columns` 中使用该函数作为操作列的 `formatter` 属性。在数据中我们将 `operate` 字段留空,因为该字段的值将由 `operateFormatter` 生成。
以上代码将生成一个包含两个按钮的操作列,你可以根据需要自定义按钮的样式及点击事件。
阅读全文