@sapui5/sap.zen.crosstab 1.84.33 → 1.84.50

package/src/sap/zen/crosstab/HeaderCell.js

@@ -0,0 +1,357 @@
+/*!
+ * SAPUI5
+ * (c) Copyright 2009-2024 SAP SE. All rights reserved.
+ */
+/*global sap*/
+sap.ui.define(
+  [
+    "jquery.sap.global",
+    "sap/ui/core/Control",
+    "sap/zen/crosstab/IHeaderCell",
+    "sap/zen/crosstab/CellStyleHandler",
+    "sap/zen/crosstab/rendering/RenderingConstants",
+    "sap/zen/crosstab/utils/Utils",
+    "sap/zen/crosstab/library"
+  ],
+  function (
+    jQuery, Control, IHeaderCell, CellStyleHandler,
+    RenderingConstants
+  ) {
+    "use strict";
+    // Provides control sap.zen.crosstab.HeaderCell.
+    jQuery.sap.declare("sap.zen.crosstab.HeaderCell");
+    /**
+     * Constructor for a new HeaderCell.
+     *
+     * @param {string} [sId] id for the new control, generated automatically if no id is given
+     * @param {object} [mSettings] initial settings for the new control
+     *
+     * @class
+     * Add your documentation for the new HeaderCell
+     * @extends sap.ui.core.Control
+     *
+     * @constructor
+     * @public
+     * @name sap.zen.crosstab.HeaderCell
+
+     */
+    Control.extend("sap.zen.crosstab.HeaderCell", /** @lends sap.zen.crosstab.HeaderCell.prototype */ {
+      metadata: {
+
+        library: "sap.zen.crosstab",
+        properties: {
+
+          /**
+          Rowspan of the cell
+           */
+          rowSpan: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          Colspan of the cell
+           */
+          colSpan: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          Text of the cell
+           */
+          text: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          helper to format the cell
+           */
+          formatter: { type: "object", group: "Misc", defaultValue: null },
+
+          /**
+          whether to merge the cell if the keys are equal
+           */
+          mergeKey: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          sorting
+           */
+          sort: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          sort action
+           */
+          sortAction: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          area of the cell
+           */
+          area: { type: "object", group: "Misc", defaultValue: null },
+
+          /**
+          the effective col span
+           */
+          effectiveColSpan: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          the effective row span
+           */
+          effectiveRowSpan: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          the row of the cell in the crosstab
+           */
+          row: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          the column of the cell in the crosstab
+           */
+          col: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          the level of the cell
+           */
+          level: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          the drillstate of the cell
+           */
+          drillState: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          the hierarcyh action of the cell
+           */
+          hierarchyAction: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          the hierarchy tooltip
+           */
+          hierarchyTooltip: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          the IE8 row span
+           */
+          htmlIE8RowSpan: { type: "int", group: "Misc", defaultValue: 1 },
+
+          /**
+          the text sort index
+           */
+          sortTextIndex: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          the row of the tabe
+           */
+          tableRow: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          the column of the table
+           */
+          tableCol: { type: "int", group: "Misc", defaultValue: null },
+
+          /**
+          the alignment of the cell
+           */
+          alignment: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          the id of the associated member
+           */
+          memberId: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          the id of the parent of the associated member
+           */
+          parentMemberId: { type: "string", group: "Misc", defaultValue: null },
+
+          /**
+          the node alignment
+           */
+          nodeAlignment: { type: "string", group: "Misc", defaultValue: null }
+        }
+      }
+    });
+
+    sap.zen.crosstab.HeaderCell.prototype.init = function () {
+      this.aStyles = [];
+      this.bLoading = false;
+      this.bSelectable = false;
+      this.bIsResult = false;
+      this.bIsMobileResize = false;
+      this.sUnit = "";
+      this.bIsEntryEnabled = false;
+      this.sPassiveCellType = RenderingConstants.PASSIVE_CELL_TYPE_NORMAL;
+      this.iNumberOfLineBreaks = 0;
+      this.sScalingAxis = null;
+      this.bIsPivotCell = false;
+      this.bIsSplitPivotCell = false;
+      this.bIsRevertDrop = false;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getCellType = function () {
+      return RenderingConstants.TYPE_HEADER_CELL;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isHeaderCell = function () {
+      return true;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getCssClassNames = function (bIsIE8, bIsRtl, bIsMsIE) {
+      return CellStyleHandler.getCssClasses(this.aStyles, bIsIE8, bIsRtl, bIsMsIE);
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getStyleIdList = function () {
+      return this.aStyles;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setStyleIdList = function (aNewStyles) {
+      this.aStyles = aNewStyles;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.addStyle = function (sStyle) {
+      var iStyleId = CellStyleHandler.getStyleId(
+        sStyle,
+        RenderingConstants.TYPE_HEADER_CELL
+      );
+      if (this.aStyles.indexOf(iStyleId) === -1) {
+        this.aStyles.push(iStyleId);
+      }
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.removeStyle = function (sStyle) {
+      var iStyleId = CellStyleHandler.getStyleId(
+        sStyle,
+        RenderingConstants.TYPE_HEADER_CELL
+      );
+      var iIndex = this.aStyles.indexOf(iStyleId);
+      if (iIndex !== -1) {
+        this.aStyles.splice(iIndex, 1);
+      }
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.hasStyle = function (sStyle) {
+      var iStyleId = CellStyleHandler.getStyleId(
+        sStyle,
+        RenderingConstants.TYPE_HEADER_CELL
+      );
+      var iIndex = this.aStyles.indexOf(iStyleId);
+      if (iIndex === -1) {
+        return false;
+      } else {
+        return true;
+      }
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isLoading = function () {
+      return this.bLoading;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setLoading = function (bLoading) {
+      this.bLoading = bLoading;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isSelectable = function () {
+      return this.bSelectable;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setSelectable = function (bSelectable) {
+      this.bSelectable = bSelectable;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setResult = function (bIsResult) {
+      this.bIsResult = bIsResult;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isResult = function () {
+      return this.bIsResult;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getUnescapedText = function () {
+      return sap.zen.crosstab.utils.Utils.unEscapeDisplayString(this.getText());
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isMobileResize = function () {
+      return this.bIsMobileResize;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setMobileResize = function (pbMobileResize) {
+      this.bIsMobileResize = pbMobileResize;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setEntryEnabled = function (bIsEntryEnabled) {
+      this.bIsEntryEnabled = bIsEntryEnabled;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isEntryEnabled = function () {
+      return this.bIsEntryEnabled;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setUnit = function (sUnit) {
+      this.sUnit = sUnit;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getUnit = function () {
+      return this.sUnit;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getPassiveCellType = function () {
+      return this.sPassiveCellType;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setPassiveCellType = function (sPCellType) {
+      this.sPassiveCellType = sPCellType;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setNumberOfLineBreaks = function (iNumberOfLineBreaks) {
+      this.iNumberOfLineBreaks = iNumberOfLineBreaks;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getNumberOfLineBreaks = function () {
+      return this.iNumberOfLineBreaks;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getScalingAxis = function () {
+      return this.sScalingAxis;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setScalingAxis = function (sScalingAxis) {
+      this.sScalingAxis = sScalingAxis;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isPivotCell = function () {
+      return this.bIsPivotCell;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setPivotCell = function (bIsPivotCell) {
+      this.bIsPivotCell = bIsPivotCell;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isSplitPivotCell = function () {
+      return this.bIsSplitPivotCell;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setSplitPivotCell = function (bIsSplitPivotCell) {
+      this.bIsSplitPivotCell = bIsSplitPivotCell;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.isRevertDrop = function () {
+      return this.bIsRevertDrop;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.setRevertDrop = function (bIsRevertDrop) {
+      this.bIsRevertDrop = bIsRevertDrop;
+    };
+
+    sap.zen.crosstab.HeaderCell.prototype.getFormattedText = function () {
+      var lText = this.getText();
+
+      var oArea = this.getArea();
+      var fRenderCallback = oArea.getRenderCellCallback();
+      if (fRenderCallback) {
+        var oCallbackResult = fRenderCallback(
+          new IHeaderCell(
+          )
+        );
+        lText = oCallbackResult.renderText;
+      }
+      var oFormatter = this.getFormatter();
+      if (oFormatter) {
+        lText = oFormatter.format(lText);
+      }
+      return lText;
+    };
+    return sap.zen.crosstab.HeaderCell;
+  }
+);

package/src/sap/zen/crosstab/HeaderCellRenderer.js

@@ -0,0 +1,333 @@
+/*!
+ * SAPUI5
+ * (c) Copyright 2009-2024 SAP SE. All rights reserved.
+ */
+/*global sap*/
+sap.ui.define(
+  [
+    "jquery.sap.global",
+    "sap/zen/crosstab/rendering/RenderingConstants",
+    "sap/zen/crosstab/IHeaderCell",
+    "sap/zen/crosstab/TextConstants",
+    "sap/zen/crosstab/utils/Utils"
+  ],
+  function(jQuery,RenderingConstants, IHeaderCell, TextConstants, Utils) {
+    "use strict";
+    jQuery.sap.declare("sap.zen.crosstab.HeaderCellRenderer");
+    /**
+     * @class HeaderCell renderer.
+     * @static
+     */
+    sap.zen.crosstab.HeaderCellRenderer = {};
+    /**
+     * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
+     *
+     * @param {sap.ui.core.RenderManager}
+     *            oRenderManager the RenderManager that can be used for writing to the Render-Output-Buffer
+     * @param {sap.ui.core.Control}
+     *            oControl an object representation of the control that should be rendered
+     */
+    sap.zen.crosstab.HeaderCellRenderer.render = function (oRenderManager, oControl) {
+      // convenience variable
+      var rm = oRenderManager;
+      var oArea = oControl.getArea();
+      var fRenderCallback = oArea.getRenderCellCallback();
+      var oCrosstab = oArea.getCrosstab();
+      var iRowspan = oControl.getEffectiveRowSpan();
+      var iColspan = oControl.getEffectiveColSpan();
+      var oAdditionalStyles = null;
+      if (fRenderCallback) {
+        var oCallbackResult = fRenderCallback(new IHeaderCell(oControl));
+        oAdditionalStyles = oCallbackResult.additionalStyles;
+      }
+      // Text to be rendered
+      var sRenderText = oControl.getFormattedText();
+      var sSort = oControl.getSort();
+      var sDrillState = oControl.getDrillState();
+      // Styles
+      var sCssClasses = oControl.getCssClassNames(oCrosstab.isIE8Mode(), oCrosstab.getPropertyBag().isRtl(), oCrosstab.getUtils().isMsIE());
+      if (sSort) {
+        // Empty css class to enable hover effects
+        sCssClasses += " sapzencrosstab-HeaderCellSortable";
+      }
+      if (sDrillState) {
+        sCssClasses += " sapzencrosstab-HeaderCellHierarchy";
+      }
+      // write the HTML into the render manager
+      rm.write("<td");
+      rm.writeControlData(oControl);
+      rm.writeAttributeEscaped("class", sCssClasses);
+      rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+      if (iColspan > 1) {
+        rm.writeAttributeEscaped("colspan", iColspan);
+      }
+      if (iRowspan > 1) {
+        rm.writeAttributeEscaped("rowspan", iRowspan);
+      }
+      rm.write(">"); // td element
+      // cell layout div
+      rm.write("<div");
+      rm.writeAttributeEscaped("id", oControl.getId() + "_cellLayoutDiv");
+      rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+      rm.writeAttribute("class", "sapzencrosstab-cellLayoutDiv");
+      if (oControl.isEntryEnabled()) {
+        // prepare for postprocessing logic workaround in adjustColWidths of RenderEngine
+        rm.addStyle("width", "0px");
+        rm.writeStyles();
+      }
+      rm.write(">"); // div element
+      if (oControl.isEntryEnabled()) {
+        rm.write("<table style='width: 100%; border-spacing: 0px;'><tbody>");
+        rm.write("<tr>");
+        rm.write("<td style='width: 100%; padding: 0px 5px 0px 0px;'>");
+      }
+      // cell content div
+      rm.write("<div");
+      rm.writeAttributeEscaped("id", oControl.getId() + "_contentDiv");
+      rm.writeAttributeEscaped("tabindex",RenderingConstants.TABINDEX);
+      // tooltip
+      if (sRenderText) {
+        rm.writeAttributeEscaped("title", sRenderText);
+      }
+      var sClasses = "sapzencrosstab-HeaderCellContentDiv";
+      if (oControl.isLoading()) {
+        sClasses += " sapzencrosstab-LoadingCellContentDiv";
+      }
+      rm.writeAttributeEscaped("class", sClasses);
+      if (oAdditionalStyles) {
+        for ( var sStyleKey in oAdditionalStyles) {
+          rm.addStyle(sStyleKey, oAdditionalStyles[sStyleKey]);
+        }
+      }
+      rm.writeStyles();
+      if (oControl.isEntryEnabled()) {
+        rm.addStyle("width", "100%");
+        rm.writeStyles();
+      }
+      rm.write(">"); // div element
+      renderCellContent();
+      renderColResizer();
+      rm.write("</div>"); // cell content div
+      rm.write("</div>"); // cell layout div
+      if (oControl.isEntryEnabled()) {
+        rm.write("</td>");
+        rm.write("<td style='padding: 0px'>");
+        rm.write("<div");
+        rm.writeAttributeEscaped("id", "vhlp_" + oControl.getId());
+        var sClassString = "sapzencrosstab-HeaderCellDivValueHelp";
+        if (Utils.isMainMode()) {
+          sClassString += "-MainMode";
+        }
+        sClassString += " sapzencrosstab-HeaderCellValueHelp";
+        rm.writeAttributeEscaped("class", sClassString);
+        rm.write(">");
+        rm.write("</div>");
+        rm.write("</td>");
+        rm.write("</tr>");
+        rm.write("</tbody></table>");
+      }
+      rm.write("</td>");
+      function renderCellContent() {
+        if (sSort || sDrillState) {
+          createCellContentTable(sSort, sDrillState);
+        } else {
+          rm.write(sRenderText);
+        }
+      }
+      function createCellContent() {
+        rm.write("<div");
+        rm.writeAttributeEscaped("id", oControl.getId() + "_textContentDiv");
+        rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+        // ellipsis handling when content is too large
+        rm.addStyle("overflow", "hidden");
+        rm.addStyle("text-overflow", "ellipsis");
+        rm.writeStyles();
+        rm.write(">");
+        rm.write(sRenderText);
+        rm.write("</div>");
+      }
+      function createCellContentTable() {
+        rm.write("<table><tbody>");
+        insertColHeaderHierarchySpacerLinesBefore();
+        rm.write("<tr>");
+        insertHierarchyActionImage();
+        insertTextContent();
+        insertSortingImage();
+        insertRowHeaderHierarchSpacerDivAfter();
+        rm.write("</tr>");
+        insertColHeaderHierarchySpacerLinesAfter();
+        rm.write("</tbody></table>");
+      }
+      function insertHierarchyActionImage() {
+        if (sDrillState) {
+          var iLevel = oControl.getLevel();
+          var isRowHeaderArea = oControl.getArea().isRowHeaderArea();
+          var sClass = "sapzencrosstab-HeaderCellDivHierarchy ";
+          if (oControl.getHierarchyAction()) {
+            if (sDrillState === "O") {
+              sClass += "sapzencrosstab-CollapseNode";
+              if (oControl.getNodeAlignment() === "bottom") {
+                sClass += " sapzencrosstab-BottomNode";
+              }
+            } else if (sDrillState === "C") {
+              sClass += "sapzencrosstab-ExpandNode";
+              if (sap.ui.getCore().getConfiguration().getRTL()) {
+                sClass += "-RTL";
+              }
+            }
+            if (sDrillState === "O" || sDrillState === "C") {
+              sClass += " sapzencrosstab-PointerCursor";
+            }
+          }
+          // insert space before text
+          if (iLevel > 0) {
+            if (isRowHeaderArea) {
+              var iWidth = iLevel * oCrosstab.getHierarchyIndentWidth();
+              rm.write("<td>");
+              rm.write("<div");
+              rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+              rm.addStyle("width", iWidth + "px");
+              rm.writeAttribute("class", "sapzencrosstab-HierarchySpacerDivBefore");
+              rm.writeAttributeEscaped("xtabspacer-cellid", oControl.getId());
+              rm.writeStyles();
+              rm.write("></div>");
+              rm.write("</td>");
+            }
+          }
+          if ((sDrillState === "L" && iLevel > 0) || sDrillState !== "L") {
+            rm.write("<td>");
+            rm.write("<div");
+            if (oControl.getHierarchyAction()) {
+              rm.writeAttributeEscaped("id", "hier_" + oControl.getId());
+            }
+            rm.writeAttributeEscaped("class", sClass);
+            // Tooltip
+            var sHierarchyTooltip = oControl.getHierarchyTooltip();
+            if (sHierarchyTooltip) {
+              rm.writeAttributeEscaped("title", sHierarchyTooltip);
+            }
+            rm.write("></div>");
+            rm.write("</td>");
+          }
+        }
+      }
+      function insertTextContent() {
+        rm.write("<td>");
+        createCellContent();
+        rm.write("</td>");
+      }
+      function createSortingImage() {
+        if (sSort) {
+          var iTextIndex = 0;
+          var sClass = "sapzencrosstab-HeaderCellDivSortable ";
+          rm.write("<div");
+          if (sSort === "NONE") {
+            sClass += "sapzencrosstab-HeaderCellSortNone";
+            iTextIndex = 0;
+          } else if (sSort === "ASC") {
+            sClass += "sapzencrosstab-HeaderCellSortAsc";
+            iTextIndex = 1;
+          } else if (sSort === "DESC") {
+            sClass += "sapzencrosstab-HeaderCellSortDesc";
+            iTextIndex = 2;
+          }
+          rm.writeAttributeEscaped("class", sClass);
+          rm.writeAttribute("id", "sort_" + oControl.getId());
+          // Tooltip
+          var sSortTooltip = oCrosstab.getPropertyBag().getSortingToolTip(iTextIndex);
+          if (sSortTooltip) {
+            rm.writeAttributeEscaped("title", sSortTooltip);
+          }
+          rm.write("></div>");
+        }
+      }
+      function insertSortingImage() {
+        if (sSort) {
+          rm.write("<td>");
+          createSortingImage();
+          rm.write("</td>");
+        }
+      }
+      function insertRowHeaderHierarchSpacerDivAfter () {
+        if (sDrillState && oControl.getArea().isRowHeaderArea()) {
+          var iLevel = oControl.getLevel();
+          var iMaxLevel = oCrosstab.getRowHeaderHierarchyLevels()[oControl.getCol()];
+          var iDiff = iMaxLevel - iLevel;
+          if (iDiff > 0) {
+            var iWidth = iDiff * oCrosstab.getHierarchyIndentWidth();
+            rm.write("<td>");
+            rm.write("<div");
+            rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+            rm.addStyle("width", iWidth + "px");
+            rm.writeAttribute("class", "sapzencrosstab-HierarchySpacerDivAfter");
+            rm.writeAttributeEscaped("xtabspacer-cellid", oControl.getId());
+            rm.writeStyles();
+            rm.write("></div>");
+            rm.write("</td>");
+          }
+        }
+      }
+      function insertColHeaderHierarchySpacerLinesBefore() {
+        if (sDrillState) {
+          var iLevel = oControl.getLevel();
+          if (iLevel > 0 && oControl.getArea().isColHeaderArea()) {
+            var iHeight = iLevel * oCrosstab.getHierarchyIndentHeight();
+            rm.write("<tr><td>");
+            rm.write("<div");
+            rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+            rm.writeAttribute("class", "sapzencrosstab-HierarchySpacerLinesBefore");
+            rm.writeAttributeEscaped("xtabspacer-cellid", oControl.getId());
+            rm.addStyle("height", iHeight + "px");
+            rm.writeStyles();
+            rm.write("></div>");
+            rm.write("</td></tr>");
+          }
+        }
+      }
+      function insertColHeaderHierarchySpacerLinesAfter () {
+        if (sDrillState && oControl.getArea().isColHeaderArea()) {
+          var iLevel = oControl.getLevel();
+          var iMaxLevel = oCrosstab.getColHeaderHierarchyLevels()[oControl.getRow()];
+          var iDiff = iMaxLevel - iLevel;
+          if (iDiff > 0) {
+            var iHeight = iDiff * oCrosstab.getHierarchyIndentHeight();
+            rm.write("<tr><td>");
+            rm.write("<div");
+            rm.writeAttributeEscaped("tabindex", RenderingConstants.TABINDEX);
+            rm.writeAttribute("class", "sapzencrosstab-HierarchySpacerLinesAfter");
+            rm.writeAttributeEscaped("xtabspacer-cellid", oControl.getId());
+            rm.addStyle("height", iHeight + "px");
+            rm.writeStyles();
+            rm.write("></div>");
+            rm.write("</td></tr>");
+          }
+        }
+      }
+      function renderColResizer() {
+        if (oCrosstab.getPropertyBag().isEnableColResize() === true) {
+          if (oArea.isColHeaderArea() || oArea.isDimHeaderArea()) {
+            if (oCrosstab.getPropertyBag().isTestMobileMode() || oCrosstab.getPropertyBag().isMobileMode()) {
+              oControl.setMobileResize(true);
+            } else {
+              // resize handle div
+              rm.write("<div");
+              rm.writeAttributeEscaped("id", "resi_" + oControl.getId());
+              if(sSort){
+                //Some themes need a different spacing for the resize handle if a sort icon is present in the same cell
+                rm.writeAttribute("class", "sapzencrosstab-columnResizeHandleWithSort");
+              } else {
+                rm.writeAttribute("class", "sapzencrosstab-columnResizeHandle");
+              }
+              rm.writeAttributeEscaped("title", oCrosstab.getPropertyBag().getText(
+                TextConstants.COLWIDTH_ADJUST_TEXT_KEY));
+              rm.write(">"); // div element
+              rm.write("</div>");
+              oControl.setMobileResize(false);
+            }
+          }
+        }
+      }
+    };
+    return sap.zen.crosstab.HeaderCellRenderer;
+  }
+);