bootstrap table如何拿到当前行的数据】
时间: 2024-04-13 11:28:39 浏览: 134
您可以使用以下方法来获取当前行的数据:
1. 为表格的每一行添加一个点击事件监听器。您可以使用jQuery或纯JavaScript来实现此功能。
例如,使用jQuery:
```javascript
$('#your-table-id tbody').on('click', 'tr', function() {
var rowData = $(this).find('td').map(function() {
return $(this).text();
}).get();
console.log(rowData);
});
```
这将在单击表格的某一行时打印出该行的数据。
2. 如果您需要获取特定列的数据,可以使用`data-field`属性来标识每个表格单元格,并使用`data`方法获取该单元格的值。
例如:
```html
<table id="your-table-id">
<thead>
<tr>
<th data-field="name">Name</th>
<th data-field="age">Age</th>
<!-- 其他列 -->
</tr>
</thead>
<tbody>
<tr>
<td data-field="name">John</td>
<td data-field="age">25</td>
<!-- 其他单元格 -->
</tr>
<!-- 其他行 -->
</tbody>
</table>
```
使用以下JavaScript代码获取当前行特定列的数据:
```javascript
$('#your-table-id tbody').on('click', 'tr', function() {
var name = $(this).find('td[data-field="name"]').text();
var age = $(this).find('td[data-field="age"]').text();
console.log(name, age);
});
```
这些方法都是基于Bootstrap Table插件的默认设置。您可以根据您的具体需求进行调整和扩展。
阅读全文