站内搜索:
首页 >> 前端 >> 内容
AngularJS控制单元格样式

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

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

  • 上一篇:求两点与X轴的夹角
  • 下一篇:根据不同请求路径处理不同响应
  • 返回顶部