AngularJS控制单元格样式

最新推荐文章于 2021-03-02 10:17:48 发布

Java苦行僧

最新推荐文章于 2021-03-02 10:17:48 发布

阅读量1k

点赞数

分类专栏：前端文章标签： AngularJS控制单元格样式

本文链接：https://blog.csdn.net/javaNiuLei12/article/details/68927999

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在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内参数做一些判断。