html 表格单元格点击事件,bootstrap table onClickCell点击单元格事件

对于HTML表格单元格的点击事件，可以使用JavaScript来实现。例如，以下代码可以在单元格被点击时弹出一个消息框：

<table>
  <tr>
    <td onclick="alert('You clicked me!')">Click me</td>
  </tr>
</table>

对于Bootstrap Table组件，可以使用其提供的`onClickCell`事件来处理单元格的点击事件。以下是一个示例代码：

<table data-toggle="table" data-click-to-select="true">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name">Name</th>
      <th data-field="price">Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Item 1</td>
      <td>$1.99</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Item 2</td>
      <td>$2.99</td>
    </tr>
  </tbody>
</table>

<script>
  $(document).ready(function() {
    $('#table').on('click-cell.bs.table', function (e, field, value, row, $element) {
      alert('You clicked cell with value ' + value);
    });
  });
</script>

这个示例代码使用了Bootstrap Table组件，并在表格上绑定了`click-cell.bs.table`事件。当单元格被点击时，事件处理函数会弹出一个消息框来显示单元格的值。