如何更改columnResized上的cellClass?

时间:2018-12-31 10:25:58

标签: ag-grid-react

如何更改cellClass中的onColumnResized? 例如:当列的大小增加或减少时,cellClass应该相应地更改。

1 个答案:

答案 0 :(得分:0)

  1. 声明全局布尔变量
  2. 将其初始化为false
  3. 现在为onColumnResized编写一个函数
  4. 将变量设置为!(变量名)。因此,以这种方式,第一次在列调整大小时,此变量将设置为true,而下次将其设置为false。
  5. 现在使用cellClassRules代替cellClass并编写一个函数,在其中使用三元条件检查此变量是true还是false。如果为true,则应用一个类,如果为false,则应用另一类。
  6. 在css文件中提及这些类的样式。

PS:我要求您使用cellClassRules代替cellClass的原因是:

cellClass :应用所有新类。不会删除旧的类,因此请注意会累积类。如果要删除旧类,请使用cellClassRules。
cellClassRules :返回true的规则将第二次应用该类。返回false的规则将第二次删除该类。