0

我正在研究 dev-extreme 的 dxpivotgrid（dev-extreme 的组件）。最初我在 onContentReady() 事件中应用样式。当我在枢轴网格的标题上应用更大的字体大小时，它会使字体大小变大，但不会增加大小字段面板。 在面板上应用样式后的字段面板图片

我在 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';
    });
  }

但是当我在 onCellPrepared() 事件中使用相同的代码时，它的行为有点不同。在调试代码时，我喜欢它可以正常工作，但是当事件结束时，它会在由 dev-extreme 提供的字段面板上应用默认样式。该问题的图片如下所示

图片 onCellPrepared() 事件结束后

4

0 回答 0