编程 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队列控制方法详解queue()/dequeue()/clearQueue()

Dec 02 Javascript

js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合

Mar 10 Javascript

基于jquery自定义图片热区效果

Jul 21 Javascript

jquery序列化form表单使用ajax提交后处理返回的json数据

Mar 03 Javascript

require.js 加载 vue组件 r.js 合并压缩的实例

Oct 14 Javascript

微信小程序登录实例详解

Jan 16 Javascript

Vuex之理解Store的用法

Apr 19 Javascript

javascript实现非常简单的小数取整功能示例

Jun 13 Javascript

基于vue-cli vue-router搭建底部导航栏移动前端项目

Feb 28 Javascript

微信小程序使用wxParse解析html的方法示例

Jan 17 Javascript

vue.js实现简单的计算器功能

Feb 22 Javascript

Vue.js中使用Vuex实现组件数据共享案例

Jul 31 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 !function_exists("T7FC56270E7A70FA81A5935B72EACBE29"))代码解密

2011/01/07 PHP

php excel reader读取excel内容存入数据库实现代码

2012/12/06 PHP

Laravel 微信小程序后端搭建步骤详解

2019/11/26 PHP

用脚本调用样式的几种方法

2006/12/09 Javascript

js兼容火狐获取图片宽和高的方法

2015/05/21 Javascript

基于jQuery实现二级下拉菜单效果

2016/02/01 Javascript

jquery实现左右无缝轮播图

2020/07/31 Javascript

HTML5 JS压缩图片并获取图片BASE64编码上传

2020/11/16 Javascript

js实现PC端和移动端刮卡效果

2020/03/27 Javascript

Angular4自制一个市县二级联动组件示例

2017/11/21 Javascript

ES6关于Promise的用法详解

2018/05/07 Javascript

vue移动端html5页面根据屏幕适配的四种解决方法

2018/10/19 Javascript

Bootstarp在pycharm中的安装及简单的使用方法

2019/04/19 Javascript

vue中组件通信的八种方式（值得收藏！）

2019/08/09 Javascript

浅探express路由和中间件的实现

2019/09/30 Javascript

Python分析学校四六级过关情况

2017/11/22 Python

Django 权限认证(根据不同的用户，设置不同的显示和访问权限)

2019/07/24 Python

用Python画一个LinkinPark的logo代码实例

2019/09/10 Python

详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)

2020/04/01 Python

Django前后端分离csrf token获取方式

2020/12/25 Python

selenium携带cookies模拟登陆CSDN的实现

2021/01/19 Python

python中threading和queue库实现多线程编程

2021/02/06 Python

解决H5的a标签的download属性下载service上的文件出现跨域问题

2019/07/16 HTML / CSS

用HTML5.0制作网页的教程

2010/05/30 HTML / CSS

捷克领先的户外服装及配件市场零售商：ALPINE PRO

2018/01/09 全球购物

Puccini乌克兰：购买行李箱、女士手袋网上商店

2020/08/06 全球购物

技术学校毕业生求职信分享

2013/12/02 职场文书

《生命的药方》教学反思

2014/04/08 职场文书

关于青春的演讲稿三分钟

2014/08/22 职场文书

党的群众路线教育实践活动个人对照检查剖析材料

2014/09/23 职场文书

宣传稿格式范文

2015/07/23 职场文书

python中pandas.read_csv()函数的深入讲解

2021/03/29 Python

Python包管理工具pip的15 个使用小技巧

2021/05/17 Python

elasticSearch-api的具体操作步骤讲解

2021/06/28 Java/Android

SQL实现LeetCode(176.第二高薪水)

2021/08/04 MySQL

一次MySQL启动导致的事故实战记录

2021/09/15 MySQL