layui双击表格打开新页面

你可以使用Layui的table模块提供的"on('rowDouble')"事件来实现双击表格打开新页面的功能。以下是一个简单的示例代码：

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: '/demo/table/user/',
    cols: [[
      {field:'id', title:'ID', width:80},
      {field:'username', title:'用户名', width:120},
      {field:'sex', title:'性别', width:80, sort:true},
      {field:'city', title:'城市', width:100},
      {field:'sign', title:'签名', width:200},
      {field:'experience', title:'积分', width:80, sort:true},
      {field:'score', title:'评分', width:80, sort:true},
      {field:'classify', title:'职业', width:100},
      {field:'wealth', title:'财富', width:135, sort:true},
    ]]
  });
  
  //监听表格双击事件
  table.on('rowDouble(test)', function(obj){
    layer.open({
      type: 2,
      title: '详情页',
      content: '/demo/table/user/detail?id=' + obj.data.id,
      area: ['800px', '600px'],
      maxmin: true
    });
  });
});

在上述代码中，我们使用 table 模块的 on('rowDouble') 事件来监听表格的双击事件。当用户双击某一行数据时，会触发该事件，我们在事件监听器中打开一个新页面来显示该行数据的详情。你需要将 content 参数设置为一个对应的页面地址，并根据需要设置页面的宽度和高度。