layui table.on 禁停鼠标悬浮事件，在行上显示，移开消失 完整示例

下面是一个完整的示例，展示了如何在 layui 的 table 组件中禁用鼠标悬停事件，并在每行显示一个提示框，当鼠标移开时提示框消失。

HTML：

<table id="demo" lay-filter="test"></table>

JavaScript：

layui.use(['table', 'layer'], function(){
  var table = layui.table;
  var layer = layui.layer;
  
  // 渲染表格
  table.render({
    elem: '#demo',
    url: '/data',
    cols: [[
      {field: 'id', title: 'ID'},
      {field: 'name', title: '名称'},
      {field: 'value', title: '值'},
    ]]
  });
  
  // 禁用鼠标悬停事件
  table.on('row(test)', function(obj){
    $(obj.tr).removeAttr('lay-unselect');
    $(obj.tr).hover(function(){
      var index = layer.tips(obj.data.name, this, {
        tips: [1, '#666']
      });
      $(this).data('index', index);
    }, function(){
      layer.close($(this).data('index'));
    });
  });
});

在这个示例中，我们首先使用 layui 的 table 组件渲染表格。然后，我们使用 table.on() 方法禁用了鼠标悬停事件。在每行上，我们绑定了一个 hover() 事件，该事件在鼠标悬停时显示一个提示框，并在鼠标移开时关闭提示框。提示框使用了 layui 的 layer 组件。