1. 程式人生 > >bootstrap table 更改字型顏色和增加圖示顯示

bootstrap table 更改字型顏色和增加圖示顯示

給改變字體表格的列新增formatter;

columns: [{
                field: 'payStatus',
                title: '還款狀態',
                formatter: function(value,row,index) {
                    var a = "";  
                        if(value == "未還清") {  
                            var a = '<span style="color:#c12e2a;"><i class="fa fa-times-circle-o" aria-hidden="true"></i>'+value+'</span>';  
                        }else if(value == "已還清"){  
                            var a = '<span style="color:#3e8f3e"><i class="fa fa-check-circle-o" aria-hidden="true"></i>'+value+'</span>';  
                        }  
                        return a;  
                },
                align:'center'
            }]

效果展示:


相關推薦

bootstrap table 更改字型顏色增加圖示顯示

給改變字體表格的列新增formatter;columns: [{ field: 'payStatus', title: '還款狀態', formatter: function(va

swift UITabBarItem修改字型顏色圖示顏色

 storyboard建立的選項卡,圖片顏色固定,字型顏色固定。可以說完全沒法用,查閱了好久的api和資料才找到修改的辦法。 將UITabBarItem連線到FirstViewController 程式碼如下: // // FirstViewController.sw

TextView內容設定顯示不同的字型顏色不同的字型大小新增圖示

/** * 設定同一個TextView中顯示不同的字型顏色和不同的字型大小 * @param context * @param prescriptionName

android 改變狀態列字型顏色圖示顏色沉浸式

設定沉浸式狀態列protected boolean useThemestatusBarColor = false;//是否使用特殊的標題欄背景顏色,android5.0以上可以設定狀態列背景色,如果不使用則使用透明色值 protected boolean useSta

改變某個單元格的字型顏色背景色

場景: 需要不同的顏色來區分其他資料 操作步驟: 新增 NM_CUSTOMDRAW 訊息響應事件,或者手動新增 實現程式碼如下: NMLVCUSTOMDRAW* pLVCD = reinterpret_cast<NMLVCUSTOMDRAW*>(pNMHDR);

【外掛篇】前段bootstrap-table-treegrid試手,解決無法顯示樹形列表或者圖示顯示問題。

  說明:具體程式碼操作我就不貼了。官方有正規的例子!bootstrap-table-examples傳送 使用注意事項: 傳入的id和pid可以是string型別的(我後臺返回的是Long型別轉換成string來顯示的),開始看到有的地方說必須使用number型別,走了不少彎路。去研究

關於android自定義字型顏色點選改變字型顏色

先看效果圖 上面的為點選按下的效果圖 上面的為預設的(鬆開按鈕)的效果圖 首先我們先在values資料夾下新建一個color.xml檔案 這檔案就是配置我們要使用的顏色 程式碼如下 <?xml version="1.0" encoding

【學習筆記二】你知道HTML中如何設定字型顏色大小嗎

接觸過前端開發的人都知道,HTML主要是用來寫頁面佈局的。我們在寫這些佈局時,經常需要設定頁面某些字型的顏色和大小。 那你知道,HTML中如何設定字型顏色和大小嗎?這篇文章就來總結下HTML中設定字型顏色和大小的常見方法有哪些。 常見方法一:通過外部CSS樣式來

putty——字型顏色背景顏色的配置方法

字型大小設定 Window->Appearance->Font settings—>Change按鈕設定(我的設定為16)字型為(Consolas) 字型顏色設定 Window->Colours->Default Foreground-

element table 修改字型顏色

<el-table-column prop="isPass" label="是否通過"> <template scope="scope"> <span v-if="scope.row.isPass==='稽核通過'" style="colo

MarkDown設定字型顏色背景顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。 但是最近在使用的過程發現了它相比於一般的視覺化編輯器的缺點: 沒法設定顏色,包括字型顏色和背景顏色 查閱了一下資料,發

修改Navigation title字型顏色大小

[self.navigationController.navigationBar setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:22],NSForegroundColorAttrib

NavigationView修改字型顏色預設item

1.前言 NavigationView是android5.0以後引進的新控制元件,就是側滑欄,但是策劃欄MenuItem的字型顏色和預設選中項不是很好修改,經過我的摸索,發現字型顏色和預設選中項都是可以修改的。 2.xml檔案 首先在res/colo

Bootstrap 4】文字顏色背景顏色

Table of Contents   文字顏色 背景顏色 文字顏色 <p class="text-muted">柔和的文字</p> <p class="text-primary">重要的文字</p> &l

AS 自定義主題字型顏色背景

廢話不多話,直接上乾貨,自定義面板主題包,主題包下載網站,http://color-themes.com/?view=index 1、點選下載主題包。 2、AS 匯入主題包,,選擇File>im

設定UITabbarItem字型顏色圖片居中

UITabBar *tabbar = tabbarCtr.tabBar; UITabBarItem *item1 = [tabbar.itemsobjectAtIndex:0]; UITabB

textview設定多種不同的字型顏色點選事件

最近專案需要用到textview為特定字元設定不同的顏色,如果用不同的控制元件拼起來的話一行也許沒有問題,但是如果換行的話效果就不理想了就像qq空間回覆品論的效果,暱稱和內容文字顏色不一樣,點選事件也不一樣。 目前我找到兩張方法,效果一樣。想用哪種看個人喜好

bootstrap-table 動態合併行列方法

用法:$("#table2").bootstrapTable({ url: "http://...", columns: [], on

ios使用 KVC 修改textField的placeholder的字型顏色大小

最近在看KVC和KVO,利用KVC實現了對textField的placeholder的字型顏色和大小的修改 [textField setValue:[UIColor redColor] forKeyPath:@"_placeholderLabel.textColor"]

Android設定TextView中部分字型顏色點選事件

  最近接到一個新需求,在一個TextView中實現部分字型的顏色不同於其它字型,且點選該部分文字時實現跳轉的功能。一開始想著用多個TextView連起來實現功能,優化程式碼時再想想,這也太弱智了點兒吧!   果斷Google搜尋一下別的Coder是怎麼實現的,