编程 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 相关文章推荐

jquery 事件冒泡的介绍以及如何阻止事件冒泡

Dec 25 Javascript

javascript dom追加内容实现示例

Sep 21 Javascript

javascript动态添加删除tabs标签的方法

Jul 06 Javascript

js实现匹配时换色的输入提示特效代码

Aug 17 Javascript

JS组件Bootstrap Table表格行拖拽效果实现代码

Aug 27 Javascript

使用Electron构建React+Webpack桌面应用的方法

Dec 15 Javascript

vue.js实现的幻灯片功能示例

Jan 18 Javascript

实例分析编写vue组件方法

Feb 12 Javascript

vue + typescript + 极验登录验证的实现方法

Jun 27 Javascript

Vue项目中ESlint规范示例代码

Jul 04 Javascript

vue-cli+iview项目打包上线之后图标不显示问题及解决方法

Oct 16 Javascript

JS实现点餐自动选择框(案例分析)

Dec 10 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的日期处理函数及uchome的function_coomon中日期处理函数的研究

2011/01/12 PHP

php中serialize序列化与json性能测试的示例分析

2013/04/27 PHP

thinkphp学习笔记之多表查询

2014/07/28 PHP

Zend Framework教程之模型Model用法简单实例

2016/03/04 PHP

利用PHP获取网站访客的所在地位置

2017/01/18 PHP

解决在laravel中auth建立时候遇到的问题

2019/10/15 PHP

你需要知道的JavsScript可以做什么？

2007/06/29 Javascript

js实现在文本框光标处添加字符的方法介绍

2012/11/24 Javascript

JavaScript实现大数的运算

2014/11/24 Javascript

jquery增加和删除元素的方法

2015/01/14 Javascript

有效提高JavaScript执行效率的几点知识

2015/01/31 Javascript

jQuery实现table中的tr上下移动并保持序号不变的实例代码

2016/07/11 Javascript

详解vue-router和vue-cli以及组件之间的传值

2017/07/04 Javascript

vue实现点击图片放大效果

2017/08/15 Javascript

Bootstrap Table 删除和批量删除

2017/09/22 Javascript

Vue基于iview实现登录密码的显示与隐藏功能

2020/03/06 Javascript

Python实现字典去除重复的方法示例

2017/07/31 Python

python微信跳一跳系列之棋子定位像素遍历

2018/02/26 Python

解决python3中解压zip文件是文件名乱码的问题

2018/03/22 Python

python pygame实现2048游戏

2018/11/20 Python

Python 实现opencv所使用的图片格式与 base64 转换

2020/01/09 Python

区分python中的进程与线程

2020/08/13 Python

利用 CSS3 实现的无缝轮播功能代码

2017/09/25 HTML / CSS

美国知名日用品连锁超市：Dollar General(多来店)

2017/01/14 全球购物

THE OUTNET美国官网：国际设计师品牌折扣网站

2017/03/07 全球购物

世界排名第一的万圣节服装店：Spirit Halloween

2018/10/16 全球购物

在数据文件自动增长时，自动增长是否会阻塞对文件的更新

2014/05/01 面试题

机械专业应届生求职信

2013/12/12 职场文书

幼儿园义卖活动方案

2014/01/17 职场文书

个人投资计划书

2014/05/01 职场文书

经济贸易专业自荐信

2014/06/11 职场文书

2014年圣诞节寄语

2014/12/08 职场文书

保研推荐信格式

2015/03/25 职场文书

公安纪律作风整顿心得体会

2016/01/23 职场文书

Go语言实现一个简单的并发聊天室的项目实战

2022/03/18 Golang

浅谈Redis的事件驱动模型

2022/05/30 Redis