layui 實(shí)現(xiàn)表格某一列顯示圖標(biāo)
更新時(shí)間:2019年09月19日 10:10:38 作者:CharmingDang
今天小編就為大家分享一篇layui 實(shí)現(xiàn)表格某一列顯示圖標(biāo)的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
加個(gè)圖標(biāo) 設(shè)備狀態(tài)是不是一目了然 在線設(shè)備往前排

{
field: 'DevID', title: '設(shè)備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 實(shí)現(xiàn)表格某一列顯示圖標(biāo)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- LayUi中接口傳數(shù)據(jù)成功,表格不顯示數(shù)據(jù)的解決方法
- 解決layui數(shù)據(jù)表格table的橫向滾動(dòng)條顯示問(wèn)題
- layui 表格的屬性的顯示轉(zhuǎn)換方法
- Layui實(shí)現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁(yè))
- 解決Layui數(shù)據(jù)表格顯示無(wú)數(shù)據(jù)提示的問(wèn)題
- layui 表格操作列按鈕動(dòng)態(tài)顯示的實(shí)現(xiàn)方法
- 解決LayUI數(shù)據(jù)表格復(fù)選框不居中顯示的問(wèn)題
- layui實(shí)現(xiàn)數(shù)據(jù)表格點(diǎn)擊搜索功能
- 基于layui實(shí)現(xiàn)高級(jí)搜索(篩選)功能
- layui數(shù)據(jù)表格實(shí)現(xiàn)重載數(shù)據(jù)表格功能(搜索功能)
- Layui 數(shù)據(jù)表格批量刪除和多條件搜索的實(shí)例
- layui實(shí)現(xiàn)顯示數(shù)據(jù)表格、搜索和修改功能示例
相關(guān)文章
詳解TS對(duì)象擴(kuò)展運(yùn)算符和rest運(yùn)算符
這篇文章主要介紹了詳解TS對(duì)象擴(kuò)展運(yùn)算符和rest運(yùn)算符,對(duì)TypeScript感興趣的同學(xué),可以參考下2021-05-05
詳解基于javascript實(shí)現(xiàn)的蘋(píng)果系統(tǒng)底部菜單
本篇文章主要對(duì)基于javascript實(shí)現(xiàn)的蘋(píng)果系統(tǒng)底部菜單進(jìn)行了詳細(xì)的分析說(shuō)明,有助于理解和學(xué)習(xí)編寫(xiě)蘋(píng)果系統(tǒng)底部菜單,相信會(huì)對(duì)大家有所幫助,下面就跟小編一起來(lái)看看吧2016-12-12
HTML長(zhǎng)文本截取含有HTML代碼同樣適用的兩種方法
正如標(biāo)題所言我們可以使用CSS截?cái)嘧址篒E,FireFox,Opera ,Safari都兼容也可以使用js截取,具體實(shí)現(xiàn)如下,希望對(duì)大家有所幫助2013-07-07
JavaScript實(shí)現(xiàn)圖片懶加載的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片懶加載的方法,結(jié)合實(shí)例形式分析了javascript圖片懶加載的原理、操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07
淺談在js傳遞參數(shù)中含加號(hào)(+)的處理方式
下面小編就為大家?guī)?lái)一篇淺談在js傳遞參數(shù)中含加號(hào)(+)的處理方式。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10

