Estoy trabajando en dxpivotgrid (componente de dev-extreme) de dev-extreme. Inicialmente estaba aplicando estilo en el evento onContentReady() . cuando estaba aplicando un tamaño de fuente más grande en el encabezado de la cuadrícula dinámica, aumentaba el tamaño de la fuente pero no aumentaba el tamaño de los paneles de campo.

Imagen de Field Panel después de aplicar estilo en el panel:

He usado el siguiente código en onContentReady()

 const elements: any = document.querySelectorAll('.dx-pivotgrid-fields-area-head .dx-area-field '); if (elements !== null && elements.length > 0) { elements.forEach((element: any) => { element.style.backgroundColor = this._CrossFormating.fieldsBackColor; element.style.color = this._CrossFormating.fieldsForeColor; element.style.fontWeight = this._CrossFormating.fieldFont.isBold ? 'bold' : ''; element.style.fontStyle = this._CrossFormating.fieldFont.isItalic ? 'italic' : ''; element.style.textDecoration = this._CrossFormating.fieldFont.isUnderline ? 'underline' : ''; element.style.fontFamily = this._CrossFormating.fieldFont.fontFamily; element.style.fontSize = this._CrossFormating.fieldFont.size.toString() + 'px'; }); }

Pero cuando uso el mismo código en el evento onCellPrepared() se comporta un poco diferente. Al depurar el código, me ha gustado que funcione correctamente, pero cuando finaliza el evento, aplica el estilo predeterminado en el panel de campo proporcionado por dev-extreme. La imagen de ese problema se muestra a continuación

Después de finalizar el evento onCellPrepared() :