编程 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-Mozilla和IE中的一个函数直接量的问题分析

Aug 12 Javascript

jQuery 动画弹出窗体支持多种展现方式

Apr 29 Javascript

javascript新建标签,判断键盘输入,以及判断焦点(示例代码)

Nov 25 Javascript

理运用命名空间让js不产生冲突避免全局变量的泛滥

Jun 15 Javascript

jQuery的one()方法用法实例

Jan 19 Javascript

ECMAScript6新增值比较函数Object.is

Jun 12 Javascript

一种Javascript解释ajax返回的json的好方法(推荐)

Jun 02 Javascript

Bootstrap基本插件学习笔记之按钮(21)

Dec 08 Javascript

thinkjs之页面跳转同步异步操作

Feb 05 Javascript

利用Javascript裁剪图片并存储的简单实现

Mar 13 Javascript

JavaScript遍历数组的三种方法map、forEach与filter实例详解

Feb 27 Javascript

微信小程序wxml列表渲染原理解析

Nov 27 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使用header()输出图片缓存实例

2014/12/09 PHP

php求今天、昨天、明天时间戳的简单实现方法

2016/07/28 PHP

Laravel validate error处理,ajax,json示例

2019/10/25 PHP

Ext grid 添加右击菜单

2009/11/26 Javascript

基于jquery的web页面日期格式化插件

2011/11/15 Javascript

js获取控件位置以及不同浏览器中的差别介绍

2013/08/08 Javascript

用javascript为页面添加天气显示实现思路及代码

2013/12/02 Javascript

JQuery CheckBox（复选框）操作方法汇总

2015/04/15 Javascript

SublimeText自带格式化代码功能之reindent

2015/12/27 Javascript

安装使用Mongoose配合Node.js操作MongoDB的基础教程

2016/03/01 Javascript

js实现密码强度检验

2017/01/15 Javascript

VueJs单页应用实现微信网页授权及微信分享功能示例

2017/07/26 Javascript

详解使用angular的HttpClient搭配rxjs

2017/09/01 Javascript

Angular17之Angular自定义指令详解

2018/01/21 Javascript

vuex实现登录状态的存储,未登录状态不允许浏览的方法

2018/03/09 Javascript

vue项目接口管理,所有接口都在apis文件夹中统一管理操作

2020/08/13 Javascript

vue组件开发之slider组件使用详解

2020/08/21 Javascript

Openlayers绘制地图标注

2020/09/28 Javascript

[03:10]超级美酒第四天 fy拉比克秀大合集

2018/06/05 DOTA

[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13

2020/12/17 DOTA

Python实现抓取页面上链接的简单爬虫分享

2015/01/21 Python

Python3导入CSV文件的实例(跟Python2有些许的不同)

2018/06/22 Python

利用OpenCV和Python实现查找图片差异

2019/12/19 Python

Python实现像awk一样分割字符串

2020/09/15 Python

详解HTML5 Canvas标签及基本使用

2020/01/10 HTML / CSS

加拿大便宜的隐形眼镜商店：Clearly

2016/09/15 全球购物

法国亚马逊官方网站：Amazon.fr

2020/12/19 全球购物

诉讼代理人授权委托书

2014/04/08 职场文书

市场总经理岗位职责

2014/04/11 职场文书

社会治安综合治理管理责任书

2014/04/16 职场文书

护理专业求职信

2014/06/15 职场文书

2014年保管员工作总结

2014/11/18 职场文书

2014年青年教师工作总结

2014/12/17 职场文书

实习介绍信模板

2015/01/30 职场文书

跳高加油稿

2015/07/21 职场文书

煤矿安全生产工作总结

2015/08/13 职场文书