layui的table事件

表格事件绑定技巧

最新推荐文章于 2025-08-06 16:45:22 发布

原创最新推荐文章于 2025-08-06 16:45:22 发布 · 6.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #javascript

本文介绍如何在表格中绑定行点击事件及单元格点击事件的方法。通过table.on()方法可以轻松实现表格行点击跳转功能，并可通过自定义事件名实现特定操作。此外，还介绍了如何在表格的单元格上绑定点击事件。

table的事件：

1、表格点击某行事件

  table.on('row(表格名称)',function (obj) {
          var url = obj.data.router;
      })
2、表格绑定td点击事件

在cols中添加event事件（event = "viewReport"），事件名称自定义命名

监听获取点击事件的值

table.on('tool(表格名称)', function (obj) {
                let event = obj.event;
                if (event === "viewReport"){
           //点击跳转   
      }
})