Angular/JavaScript Ag Grid 定义单元格类规则
创始人
2024-10-21 12:00:32
0

要定义单元格类规则,你可以使用Ag Grid的Cell Class规则。下面是一个使用Angular和JavaScript的示例代码:

在你的component.ts文件中,定义一个单元格类规则的函数:

cellClassRules(params) {
  return {
    'my-red-cell': params.value < 0,
    'my-green-cell': params.value >= 0 && params.value <= 10,
    'my-blue-cell': params.value > 10
  };
}

在你的component.html文件中,将这个函数应用到Ag Grid列的cellClassRules属性中:



在你的component.ts文件中,定义列定义和行数据:

columnDefs = [
  {headerName: 'Value', field: 'value', cellClassRules: this.cellClassRules},
  // ...
];

rowData = [
  {value: -5},
  {value: 3},
  {value: 15},
  // ...
];

在你的component.css文件中,定义样式类:

.my-red-cell {
  background-color: red;
}

.my-green-cell {
  background-color: green;
}

.my-blue-cell {
  background-color: blue;
}

这样,根据单元格的值,Ag Grid将自动应用相应的样式类。

相关内容

热门资讯

备受关注的"we-p... 备受关注的"we-poker靠谱吗"pokemmo脚本最新版(果然真的是有辅助软件)-哔哩哔哩1、p...
据报道"aapoke... 据报道"aapoker辅助器是真的吗"HH平台挂(好像真的有辅助辅助器)-哔哩哔哩1、下载好aapo...
透视脚本"wepok... 透视脚本"wepoker私人局透视教程"hhpoker辅助挂(都是存在有辅助下载)-哔哩哔哩1、we...
目前来看"pokem... 目前来看"pokemmo辅助器手机版下载"wepoker有辅助器吗(确实是有辅助软件)-哔哩哔哩1、...
这一问题亟待解决"h... 这一问题亟待解决"hh poker软件"wejoker内置辅助(确实真的有辅助插件)-哔哩哔哩1、每...
一直以来"hhpok... 一直以来"hhpoker德州有挂吗"werplan外开挂(切实是有辅助平台)-哔哩哔哩1、操作简单,...
据监测"大菠萝789... 据监测"大菠萝789辅助器下载"hhpoker有透视功能吗(切实是真的辅助平台)-哔哩哔哩1、大菠萝...
截至目前"wepok... 截至目前"wepoker软件安装包"wpk透视辅助下载(好像真的有辅助修改器)-哔哩哔哩wepoke...
备受关注的"hhpo... 备受关注的"hhpoker免费透视脚本"德扑圈透视(原来是有辅助插件)-哔哩哔哩1、hhpoker免...
透视插件"wepok... 透视插件"wepoker免费脚本咨询"wepoker代打辅助(真是是有辅助软件)-哔哩哔哩1、wep...