使用js渲染表格，如何使用formatter实现单元格hover功能

可以使用 formatter 函数来为表格的单元格添加 hover 效果。具体操作如下：

1. 在列定义中，设置 formatter 函数，用于渲染单元格内容。

2. 在 formatter 函数中，为单元格添加 hover 事件处理程序。

下面是一个示例代码，演示如何使用 formatter 实现单元格 hover 功能：

// 定义表格列
var columns = [
  { field: 'name', title: '姓名', formatter: nameFormatter },
  { field: 'age', title: '年龄' },
  { field: 'gender', title: '性别' }
];

// 定义 nameFormatter 函数
function nameFormatter(value, row, index) {
  var $cell = $('<div>').text(value);
  $cell.hover(
    function() {
      $(this).css('background-color', 'yellow');
    },
    function() {
      $(this).css('background-color', '');
    }
  );
  return $cell.prop('outerHTML');
}

// 渲染表格
$('#table').bootstrapTable({
  columns: columns,
  data: data
});

在上面的代码中，定义了一个 nameFormatter 函数，用于渲染姓名列的单元格内容。在该函数中，为单元格添加了 hover 事件处理程序，当鼠标移入单元格时，背景色变为黄色，当鼠标移出单元格时，背景色恢复为默认值。最后，返回一个包含单元格内容的 div 元素，作为单元格的 HTML 内容。