您现在的位置:首页 >> 前端 >> 内容

AngularJS控制单元格样式

时间:2017/4/4 9:18:00 点击:

  核心提示:AngularJS控制单元格样式:在angularJS的平常开发中或许会遇到想特定的想标识一个单元格,下面就讲一下怎么操作。第一步先定义一个class样式,如下:.reds{background-co...

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

Tags:AN NG GU UL 
作者:网络 来源:不详