1. 程式人生 > >bootstrapTable如何設定某個單元格樣式

bootstrapTable如何設定某個單元格樣式

使用bootstrapTable繫結表格資料中,如何設定在bootstrapTable繫結資料的表格中設定某個單元格的樣式。

需要使用到bootstrapTable中cellStyle進行設定,在bootstrapTable繫結資料中在對應的columns裡面新增cellStyle

程式碼如下:

 columns: [
                     {
                         title:"機號",
                         field:"regNo",
                         cellStyle:function(value,row,index){  
                        	    if (value=="B2330"){  
                        	        return {css:{"background-color":"red"}}  
                        	    }else{  
                        	        return {css:{"background-color":"green"}}  
                        	    }  
                        	}
                     },
                     
                     {
                         title: "航班日期",
                         field: "flightDate"
                     }]