AngularJS控制单元格样式

在angularJS的平常开发中或许会遇到想特定的想标识一个单元格,下面就讲一下怎么操作。

第一步

先定义一个class样式,如下:

.reds{
    background-color: #73ee3b !important;
}
第二步

在angular的grid中定义一个参数(对于angular的ui-grid可参照我写过的博客点击打开链接在这就不多说了) 代码如下

columnDefs: [
                {
                    width: 120,
                    name: "billstatus",
                    displayName: "单据状态",
                    cellFilter: 'SELECT_BILL_STATUS',
                    cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) {
                        //做一些判断。。。
                        return 'reds'//自定义样式
                    },
                },
]
补充:可以根据标红的function内参数 做一些判断。





你可能感兴趣的:(前端)