AG-GRID - стиль customPinnedRowRender не работает в Javascript (работает с Angular & Vue)

Question

Я пытался создать аналогичную функциональность (форматировать закрепленные строки иначе, чем остальная часть сетки) в моем проекте, как описано на следующей странице (ie. Синий для одной ячейки, курсив для другой и т. Д. c ):

https://www.ag-grid.com/javascript-grid-row-pinning/

Это было неудачно - узнайте, что поведение на странице (по ссылке выше) не работает для Javascript, что может объяснить, почему мои усилия также оказались тщетными; их сайт правильно отображает стили для Angular & Vue.

Кто-нибудь имеет представление об этом или какая часть может отсутствовать в элементах JS?

Answer 1

Если посмотреть на версию Plunker примера, с которым вы связались, и поиграть с ним, то выясните, что функция «getRowStyle», предоставляемая в gridOptions, переопределяет стиль, предоставляемый customPinnedRowRenderer.

Обратите внимание, что закрепленный строки выделены жирным шрифтом, как указано в getRowStyle (), а не синим, как указано в customPinnedRowRenderer.