🤔怎么禁止列头文字跟随滚动条移动

[li-guanlong]

🏷 Version

Package	Version
@antv/s2
@antv/s2-react
@antv/s2-vue

Sheet Type

• PivotSheet
• [✔️ ] TableSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Description

怎么禁止列头文字跟随滚动条移动

🔗 Reproduce Link

😊 Expected Behavior

😅 Current Behavior

[lijinke666]

ref: #2223

[lijinke666]

文字滚动吸附是 S2 的一个特性, 可以自定义 ColCell, 复写 getTextPosition 自定义文字的 x 坐标

S2/packages/s2-core/src/cell/col-cell.ts

Lines 176 to 184 in 7751c49

	if (isLeaf) {
	return getTextAndFollowingIconPosition(
	contentBox,
	textStyle,
	this.actualTextWidth,
	iconStyle,
	this.getActionIconsCount(),
	).text;
	}

import { ColCell, getTextAndFollowingIconPosition } from '@antv/s2'

class CustomColCell extends ColCell {
  getTextPosition() {
    const defaultTextPosition = super.getTextPosition();
    const textStyle = this.getTextStyle();
    const contentBox = this.getContentArea();
    const iconStyle = this.getIconStyle();

    const { text } = getTextAndFollowingIconPosition(
      contentBox,
      textStyle,
      this.actualTextWidth,
      iconStyle,
      this.getActionIconsCount(),
    );

    return {
      ...defaultTextPosition,
      x: text.x,
    };
  }
}


const s2Options = {
  colCell: (...args) => new CustomColCell(...args),
}