Примените класс css к столбцу при экспорте в Excel в Ag-Grid - PullRequest
0 голосов
/ 22 апреля 2020

Я пытаюсь изменить содержимое столбца при экспорте в excel из ag-grid, но экспорт в excel - это удаление старого стиля, такого как css класс для этого столбца. как

У меня есть 3 столбца в моей сетке: 1) имя 2) адрес 3) телефон

  • имя: тест
  • адрес: Нью-Йорк
  • телефон: 000-000-00

Я применил к адресу css имя класса, который изменит цвет фона в зависимости от значения, например

  • red-class на Нью-Йорк
  • зеленый класс в Канзас

Теперь я хочу изменить содержимое столбца адреса, например, он будет отображать информацию с улицы, номер квартиры и многие другие. поэтому я изменяю это содержимое с processCellCallback () , и теперь оно имеет полное значение (например, 47 Вт 13th St, Нью-Йорк, Нью-Йорк 10011, США)

processCellCallback: function(cell) {
          if(cell.column.colId == 'address') {
            return '47 W 13th St ' + cell.value + ' NY 10011, USA';
          } else {
            return cell.value;
          }
        }

но я вижу, что данные отображаются в цветовой комбинации в сетке, а не в загруженном файле Excel.

Я могу проверить, что рендер для этого столбца также применяется в сетке, но не применяется в файле Excel. но то же самое можно сказать и о работе со столбцом Phone , поскольку он не изменился, поэтому в загруженном файле Excel применяется стиль css.

, поэтому любой знает, почему это происходит, заранее спасибо .

для информации: использование ag-grid в vue. js

1 Ответ

0 голосов
/ 23 апреля 2020

Проверьте свойство "excelStyles" в свойствах ag-grid. Это также необходимо установить:

https://www.ag-grid.com/javascript-grid-properties/#renderingStyling

...