bootstrap table onClickCell点击单元格事件

可以通过在表格初始化时设置 `onClickCell` 属性来实现单元格点击事件。具体步骤如下：

1. 在 HTML 页面中引入 Bootstrap 和 Bootstrap Table：

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>

2. 在 JavaScript 中初始化表格，并设置 `onClickCell` 属性：

$(function() {
  $('#table').bootstrapTable({
    columns: [{
      field: 'id',
      title: 'ID'
    }, {
      field: 'name',
      title: 'Name'
    }, {
      field: 'price',
      title: 'Price'
    }],
    data: [{
      id: 1,
      name: 'Product 1',
      price: 100
    }, {
      id: 2,
      name: 'Product 2',
      price: 200
    }, {
      id: 3,
      name: 'Product 3',
      price: 300
    }],
    onClickCell: function(field, value, row, $element) {
      // 处理单元格点击事件
      console.log('Field: ' + field + ', Value: ' + value);
      console.log('Row: ' + JSON.stringify(row));
    }
  });
});

在上面的示例中，我们设置了一个简单的表格，包含 `ID`、`Name` 和 `Price` 三个列。然后我们通过 `onClickCell` 属性来设置单元格点击事件的处理函数。当单元格被点击时，该函数会被触发，传入四个参数：`field` 表示当前单元格所在的列的字段名，`value` 表示当前单元格的值，`row` 表示当前行的数据对象，`$element` 表示当前单元格的 jQuery 对象。我们可以在函数中根据这些参数来进行自定义的处理逻辑。