bootstrap table如何拿到当前行的数据】
时间: 2024-04-13 09:28:38 浏览: 14
您可以使用Bootstrap Table的事件监听来获取当前行的数据。具体步骤如下:
1. 在表格的HTML标记中,给每行的tr元素添加一个唯一的标识符或类名,方便后续操作。
```html
<table id="myTable">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="name">Name</th>
<th data-field="age">Age</th>
</tr>
</thead>
<tbody>
<tr data-unique-id="1">
<td>1</td>
<td>John</td>
<td>25</td>
</tr>
<tr data-unique-id="2">
<td>2</td>
<td>Jane</td>
<td>30</td>
</tr>
</tbody>
</table>
```
2. 使用jQuery或JavaScript来监听表格行的点击事件,获取当前行的数据。
```javascript
$(document).ready(function() {
$('#myTable tbody').on('click', 'tr', function() {
var rowData = $(this).data(); // 获取当前行的所有数据
var uniqueId = $(this).data('unique-id'); // 获取当前行的唯一标识符
// 可根据需要进行后续操作,比如打印数据到控制台
console.log(rowData);
console.log(uniqueId);
});
});
```
在以上示例代码中,通过给每行tr元素添加data-unique-id属性,可以获取到当前行的唯一标识符。通过$(this).data()可以获取到当前行的所有数据,您可以根据需要进行后续操作。