请教Layui中Table组件使用方法

请教个问题,Layui框架中的table组件,如图中当使用比例提成时,金额提成变成-,使用金额提成时,比例提成

img


变成-

定义templet为函数,根据提现类型返回需要显示的内容

table.render({
  cols: [[
    {field:'title', title: '文章标题', width: 200
      ,templet: function(d){
        console.log(d.LAY_INDEX); //得到序号。一般不常用
        console.log(d.LAY_COL); //得到当前列表头配置信息(layui 2.6.8 新增)。一般不常用
        
        //得到当前行数据,并拼接成自定义模板
        return 'ID:'+ d.id +',标题:<span style="color: #c00;">'+ d.title +'</span>'
      }
    }
    ,{field:'id', title:'ID', width:100}
  ]]
});    

API如下


img

监听不太好做 你尝试这样去实现一下吧

table.on('edit(test)', function(obj){ //注:edit是固定事件名,test是table原始容器的属性 lay-filter="对应的值"
  console.log(obj.value); //得到修改后的值
  console.log(obj.field); //当前编辑的字段名
  console.log(obj.data); //所在行的所有相关数据  

  抓到上方的id? 找 tableData ,filter过滤筛 找字段 变更 obj.value 写个if判断如果是 xxx 就 变更 jjj 如果是 jjj 就变更 xxx  -

  然后 table.render   tableData数据 
  
});

看一下返回的数据。按比例和按金额二选一,这样出现-不是正常的吗

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632