0
我希望能够以不同的颜色为UI网格中的每一列着色。我想指定每列的颜色应该是什么。有没有办法在UI网格中执行它?以角度不同的网格对每个列进行颜色不同
我希望能够以不同的颜色为UI网格中的每一列着色。我想指定每列的颜色应该是什么。有没有办法在UI网格中执行它?以角度不同的网格对每个列进行颜色不同
这可以通过使用cellClass
columnDef属性来实现,如here所述。
cellClass
可以是字符串,也可以是返回类名称的function(grid, row, col, rowRenderIndex, colRenderIndex)
。所以,基本上当你定义你的列时,可以这样做:
gridOptions.columnDefs = [{field: 'field1', cellClass: 'yourClass'}];
只是在更改背景颜色时要小心,因为它被单元格背景覆盖。您应该添加这样的事情你的CSS:
.ui-grid-row .ui-grid-cell {
background-color: inherit !important;
}
它使用了cellClass属性,我现在有这个工作。感谢您的帮助。 – user2676491 2015-04-16 15:40:09
是的,这可以很容易地使用http://ui-grid.info/docs/#/tutorial/317_custom_templates自定义模板和一些标记与范围变量声明完成。 – SoluableNonagon 2015-03-31 16:02:54