layui-table操作列绑定事件的方法

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

置顶张音乐

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

阅读量2.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： JS | Vue | React | 前端踩坑实战教程文章标签： lauyui

本文链接：https://blog.youkuaiyun.com/qq_29777207/article/details/81481436

JS | Vue | React | 前端踩坑实战教程专栏收录该内容

32 篇文章 ¥29.90 ¥99.00

订阅专栏

本文介绍了如何在layui表格中绑定操作列的事件，包括html准备、js渲染步骤，重点讲解了列格式化和操作列定义，并提供了监听操作列的方法，同时强调了代码位置的重要性。

1、html准备

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

2、js渲染

<script src="${pageContext.request.contextPath }/layui/layui.js"></script>
<script>
layui.use('table', function(){
  var table = layui.table;
  //第一个实例
  table.render({
     elem: '#demo'
    ,height: 315
    ,url: '${pageContext.request.contextPath}/account/getMemberList.do' //数据接口
    ,page: true //开启分页
    ,limit: 10
    ,size: 'sm'
    ,limits: [10, 20, 30, 40, 50]
    ,loading: true
    ,cols: [[ //表头
        {field: 'userId',fixed: 'left',checkbox: true},
        {type:'numbers',

了解本专栏