编程 Javascript

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 实现表格某一列显示图标就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

CharmingDang

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript EXCEL 操作类代码

Jul 30 Javascript

简单的前端js+ajax 购物车框架(入门篇)

Oct 29 Javascript

方便实用的jQuery checkbox复选框全选功能简单实例

Oct 09 Javascript

javascript面向对象之访问对象属性的两种方式分析

Jan 13 Javascript

jquery带动画效果幻灯片特效代码

Aug 27 Javascript

[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】

Nov 01 Javascript

JS实现拖拽的方法分析

Dec 20 Javascript

浅谈webpack打包之后的文件过大的解决方法

Mar 07 Javascript

浅谈angular2子组件的事件传递(任意组件事件传递)

Sep 30 Javascript

IE9 elementUI文件上传的问题解决

Oct 17 Javascript

浅谈vue的第一个commit分析

Jun 08 Javascript

构建一个JavaScript插件系统

Oct 20 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

Thinkphp5结合layer弹窗定制操作结果页面

2017/07/07 PHP

php xhprof使用实例详解

2019/04/15 PHP

js滚动条多种样式,推荐

2007/02/05 Javascript

刷新页面实现方式总结(HTML,ASP,JS)

2008/11/13 Javascript

JavaScript对象之间的转换 jQuery对象和原声DOM

2011/03/07 Javascript

中文路径导致unitpngfix.js不正常的解决方法

2013/06/26 Javascript

浅析jQuery对select操作小结(遍历option,操作option)

2013/07/04 Javascript

jquery和javascript的区别(常用方法比较)

2013/07/04 Javascript

原生javaScript做得动态表格(注释写的很清楚)

2013/12/29 Javascript

JavaScript字符串对象的concat方法实例（用于连接两个或多个字符串）

2014/10/16 Javascript

jQuery关键词说明插件cluetip使用指南

2015/04/21 Javascript

jQuery获取checkbox选中的值

2016/01/28 Javascript

原生JS实现风箱式demo,并封装了一个运动框架(实例代码)

2016/07/22 Javascript

Angular实现跨域(搜索框的下拉列表)

2017/02/16 Javascript

Angular2 父子组件数据通信实例

2017/06/22 Javascript

Vue.extend构造器的详解

2017/07/17 Javascript

Vue-Router进阶之滚动行为详解

2017/09/13 Javascript

layer弹出层全屏及关闭方法

2018/08/17 Javascript

基于JavaScript实现每日签到打卡轨迹功能

2018/11/29 Javascript

详解vue组件中使用路由方法

2019/02/12 Javascript

vue-week-picker实现支持按周切换的日历

2019/06/26 Javascript

Python利用ansible分发处理任务

2015/08/04 Python

在Python中执行系统命令的方法示例详解

2017/09/14 Python

浅谈Python中的私有变量

2018/02/28 Python

python 定时修改数据库的示例代码

2018/04/08 Python

python tkinter控件布局项目实例

2019/11/04 Python

函授本科毕业自我鉴定

2013/10/09 职场文书

最新计算机专业自荐信

2013/10/16 职场文书

开办饭店创业计划书

2013/12/28 职场文书

关于打架的检讨书

2014/01/17 职场文书

乐观自信演讲稿范文

2014/05/21 职场文书

毕业酒会致辞

2015/07/29 职场文书

《全神贯注》教学反思

2016/02/22 职场文书

Python中X[:,0]和X[:,1]的用法

2021/05/10 Python

Win11显卡控制面板打开显卡设置方法

2022/04/20 数码科技

win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法

2022/07/15 数码科技