栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

浅谈layui数据表格判断问题(加入表单元素),设置单元格样式

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

浅谈layui数据表格判断问题(加入表单元素),设置单元格样式

如下所示:



 layui.use(['layer', 'form','table'], function(){
layer = layui.layer;
var table = layui.table;
//第一个实例
table.render({
 elem: '#demo'
 ,url: get_menu //数据接口
 ,headers: {Authorization: token} 
 ,page: false //开启分页
 ,cols: [[ //表头
  {type:'checkbox'}
  ,{field: 'userId', title: 'ID', width:80, sort: true}
  ,{field: 'username', title: '用户名', width:150}
  ,{field: 'email', title: '邮箱', width:250}
  ,{field: 'mobile', title: '手机号', width:200}
  ,{field: 'status', title: '状态', width:150, templet: '#status'}
  ,{field: 'createTime', title: '创建时间', width:300} 
  ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:200}
 ]]
 ,parsedata: function(res){
   return {
     "code": res.code, //解析接口状态
     "msg": res.msg, //解析提示文本
     "data": res.data //解析数据列表
   }
 }
});
      });

如果是多个条件的话:



以上这篇浅谈layui数据表格判断问题(加入表单元素),设置单元格样式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持考高分网。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/72887.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号