layui 实现表格某一列显示图标


Posted in Javascript onSeptember 19, 2019

加个图标 设备状态是不是一目了然   在线设备往前排

layui 实现表格某一列显示图标

{
  field: 'DevID', title: '设备ID', templet: function (d) {
 
    return d.iso == "1" ? "<i class='layui-icon' style='color:green;margin-right:5px'></i>" + d.DevID : "<i class='layui-icon' style='color:red;margin-right:5px'></i>" + d.DevID;
      }
  }

以上这篇layui 实现表格某一列显示图标就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery toggle使用分析
Nov 16 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 Javascript
javaScript 动态访问JSon元素示例代码
Aug 30 Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
Dec 31 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
React简单介绍
May 24 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
vue axios请求频繁时取消上一次请求的方法
Nov 10 Javascript
JS实现的A*寻路算法详解
Dec 14 Javascript
优化Vue项目编译文件大小的方法步骤
May 27 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
Jan 16 Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 #Javascript
layui按条件隐藏表格列的实例
Sep 19 #Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 #Javascript
微信小程序引入VANT组件的方法步骤
Sep 19 #Javascript
iview form清除校验状态的实现
Sep 19 #Javascript
对layui中table组件工具栏的使用详解
Sep 19 #Javascript
layui自定义工具栏的方法
Sep 19 #Javascript
You might like
php面向对象全攻略 (四)构造方法与析构方法
2009/09/30 PHP
PHP 异步执行方法,模拟多线程的应用分析
2013/06/03 PHP
ThinkPHP3.1新特性之多层MVC的支持
2014/06/19 PHP
ThinkPHP模型详解
2015/07/27 PHP
thinkphp5框架实现的自定义扩展类操作示例
2019/05/16 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
JavaScript 放大镜 移动镜片效果代码
2011/05/09 Javascript
js获取下拉列表的值和元素个数示例
2014/05/07 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/09/29 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
vue系列之动态路由详解【原创】
2017/09/10 Javascript
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
2019/08/27 jQuery
js简单粗暴的发布订阅示例代码
2021/01/23 Javascript
[48:29]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS KG
2018/03/31 DOTA
[04:16]完美世界DOTA2联赛PWL S2 集锦第一期
2020/11/23 DOTA
python定时采集摄像头图像上传ftp服务器功能实现
2013/12/23 Python
python基于ID3思想的决策树
2018/01/03 Python
python 借助numpy保存数据为csv格式的实现方法
2018/07/04 Python
python list转矩阵的实例讲解
2018/08/04 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
Python matplotlib画曲线例题解析
2020/02/07 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
校园门卫岗位职责
2013/12/09 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
班级活动总结格式
2014/08/30 职场文书
2015年实习单位评语
2015/03/25 职场文书
Python数据结构之队列详解
2022/03/21 Python