Как применить пользовательский класс CSS в ячейке ag-grid в угловых? - PullRequest
Новая
       3

Как применить пользовательский класс CSS в ячейке ag-grid в угловых?

0 голосов
/ 19 января 2019

Я не могу применить CSS в ячейке ag-grid в угловых, исходя из моей логики.Я назначил объект в сетку.Но в этом поле я присвоил значение Object.hours и мне нужно применить логику на основе свойства Object.status.

Используя официальную документацию, я могу применить css по текущему значению ячейки, как указано здесь https://www.ag -grid.com / JavaScript-сетка-клетка-стили / # клеточно-стиль-клетки класса клеток класса-правила-PARAMS .Но мне нужно применить его на основе родительского Object.status 

//Object i am using in ag-grid
this.timeSheet = {
 projectName: 'HRMS',
 mon: {
  hoursWorked: 6,
  status: 'Submitted'
 },
 tue: {
  hoursWorked: 6,
  status: 'Submitted'
 }
}

//Working code
this.columnDefs = [
  {headerName: 'Project', field: 'projectName'},
  {headerName: 'MON ', field: 'mon.hoursWorked', cellClassRules: {
     'text-danger': 'x == 6'}},
];

Над кодом работает и класс опасности текста назначен отдельной ячейке 

//I need it to work like that
this.columnDefs = [
   {headerName: 'Project', field: 'projectName'},
   {headerName: 'MON ', field: 'mon.hoursWorked', cellClassRules: {
     'text-danger': 'mon.status == `Submitted'}}, 
 ];

Нужна помощь в строке 'text-danger': 'mon.status == `Отправлено', она не работает так

1 Ответ

0 голосов
/ 19 января 2019

cellClassRules функции принимают объект params, который содержит данные строки.

Попробуйте этот код, который использует объект params. 

this.columnDefs = [
  { headerName: 'Project', field: 'projectName' },
  {
    headerName: 'MON ', field: 'mon.hoursWorked', cellClassRules: {
      'text-danger': params => params.data.mon.status == 'Submitted'
    }
  },
];
...