1. 程式人生 > 其它 >FastAdmin修改表格某列背景顏色及隱藏自帶編輯刪除按鈕

FastAdmin修改表格某列背景顏色及隱藏自帶編輯刪除按鈕

FastAdmin修改表格某列背景顏色及隱藏自帶編輯刪除按鈕

在這裡插入圖片描述
修改對應js檔案`

 // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {checkbox: true}
, {field: 'id', title: __('Id')}, {field: 'product_id', title: __('Product_id')}, {field: 'ykjpprojectpro.proin_id', title: __('Ykjpprojectpro.proin_id'), operate:'LIKE'}, {field: 'ykjpprojectpro.wlname', title: __('Ykjpprojectpro.wlname'),
operate:'LIKE'}, {field: 'ykjpprojectpro.tunum', title: __('Ykjpprojectpro.tunum'), operate:'LIKE'}, {field: 'ykjpprojectpro.wlnum', title: __('Ykjpprojectpro.wlnum'), operate:'LIKE'}, {field: 'ykjpprojectpro.route', title: __('Ykjpprojectpro.route'), operate:'LIKE'}, {field:
'ykjpprojectpro.columns', title: __('Ykjpprojectpro.columns')}, { field: 'ykjpprojectpro.completeNums', /* 修改樣式 */ cellStyle:function(value,row,index){ return {css:{"background-color":"green","color":"white"}} }, title: __('Ykjpprojectpro.completenums') }, { field: 'nums', /* 修改樣式 */ cellStyle:function(value,row,index){ return {css:{"background-color":"green","color":"white"}} }, title: __('Nums') }, {field: 'price', title: __('Price'), operate:'BETWEEN'}, {field: 'subtotal', title: __('Subtotal'), operate:'BETWEEN'}, {field: 'status', title: __('Status'), searchList: {"發出":__('發出'),"廢料":__('廢料')}, formatter: Table.api.formatter.status}, {field: 'status_list', title: __('Status_list'), searchList: {"-1":__('Status_list -1'),"1":__('Status_list 1'),"2":__('Status_list 2'),"3":__('Status_list 3'),"4":__('Status_list 4')}, formatter: Table.api.formatter.normal}, {field: 'remarks', title: __('Remarks')}, {field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime}, {field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime}, { field: 'operate', title: __('Operate'), table: table, /* events: Table.api.events.operate, */ buttons: [{ name: 'yes', title: __('刪除'), classname: 'btn btn-xs btn-danger btn-magic btn-ajax', icon: 'fa fa-trash-o', url: $.fn.bootstrapTable.defaults.extend.del_url1 + 'del', hidden: function (row) { if (row.status_list=="1") { return false; } else { return true; } }, success: function (data, ret) { //如果需要阻止成功提示,則必須使用return false; //return false; layer.msg('提交成功', { time: 2000, //2s後自動關閉 end: function () { location.reload(); } }) }, error: function (data, ret) { Layer.alert(ret.msg); return false; }, } ], /*隱藏自帶編輯刪除按鈕、條件隱藏 */ formatter: function(value,row,index){ var that = $.extend({},this); var table = $(that.table).clone(true); $(table).data("operate-del",null); that.table = table; if(row.status_list=="4"){ $(table).data("operate-edit",null); that.table = table; } return Table.api.formatter.operate.call(that,value,row,index) }, } ] ] }); // 為表格繫結事件 Table.api.bindevent(table);