bootstrapTable第一列有勾选框

要在使用Bootstrap Table时，在第一列添加勾选框，可以通过定义自定义列的方式来实现。

首先，确保你已经引入了Bootstrap和Bootstrap Table的相关CSS和JavaScript文件。

然后，在HTML中创建一个表格，并在第一列添加一个勾选框，同时给表格添加一个唯一的ID用于后续操作。例如：

<table id="myTable" data-toggle="table" data-select-item-name="selectedItems">
  <thead>
    <tr>
      <th data-checkbox="true"></th>
      <th data-field="name">姓名</th>
      <th data-field="age">年龄</th>
      <th data-field="email">邮箱</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格数据 -->
    <tr>
      <td></td>
      <td>John Doe</td>
      <td>25</td>
      <td>johndoe@example.com</td>
    </tr>
    <tr>
      <td></td>
      <td>Jane Smith</td>
      <td>30</td>
      <td>janesmith@example.com</td>
    </tr>
  </tbody>
</table>

在上述代码中，我们在第一列使用了`data-checkbox="true"`来添加勾选框。同时，我们在表格上使用了`data-select-item-name="selectedItems"`来定义勾选框的名称。

最后，在JavaScript中初始化表格，并获取勾选的行数据。例如：

$(document).ready(function() {
  $('#myTable').bootstrapTable();

  // 获取勾选的行数据
  var selectedRows = $('#myTable').bootstrapTable('getSelections');
  console.log(selectedRows);
});

在上述代码中，我们使用`bootstrapTable`函数来初始化表格，然后使用`getSelections`方法获取勾选的行数据。你可以根据实际需求，将获取到的数据用于后续操作。

通过以上步骤，你就可以在使用Bootstrap Table时，在第一列添加勾选框了。记得根据实际情况配置表格的其他列和数据。