s2禁用选中高亮不生效🤔

[p-al-ace]

🏷 Version

Package	Version
@antv/s2	1.52.1
@antv/s2-react	1.44.3

Sheet Type

• [ ✅ ] PivotSheet
• TableSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Description

interaction: {
selectedCellHighlight: {
rowHeader: false,
colHeader: false,
currentRow: false,
currentCol: false,
},
selectedCellsSpotlight: false,
},
这样配置后，点击单元格时该单元格会高亮；点击行头时该行会高亮

🔗 Reproduce Link

😊 Expected Behavior

😅 Current Behavior

[github-actions]

你要找的是不是 (You may look for issues):

1. 100% s2禁用选中高亮不生效🤔 #2467

[lijinke666]

正如文档所说, selectedCellHighlight 是配置选中数值单元格后对应的行列的联动, 和你期望的不是一回事

目前没有相关配置项, 后面会改进这块, 确实容易造成疑惑, 如果你期望的是禁用数值单元格的选中高亮, 以及对应的行列多选, 可以参考这个示例

const stateTheme = {
  cell: {
    interactionState: {
      selected: {
        backgroundColor: 'transparent',
        borderColor: 'transparent',
      },
    },
  },
};
 
const s2ThemeConfig = {
  theme: {
    rowCell: stateTheme,
    colCell: stateTheme,
    dataCell: stateTheme,
  },
};


<SheetComponent themeCfg={s2ThemeConfig}/>

[lijinke666]

ref #2439

[p-al-ace]

正如文档所说, selectedCellHighlight 是配置选中数值单元格后对应的行列的联动, 和你期望的不是一回事

目前没有相关配置项, 后面会改进这块, 确实容易造成疑惑, 如果你期望的是禁用数值单元格的选中高亮, 以及对应的行列多选, 可以参考这个示例

const stateTheme = {
  cell: {
    interactionState: {
      selected: {
        backgroundColor: 'transparent',
        borderColor: 'transparent',
      },
    },
  },
};
 
const s2ThemeConfig = {
  theme: {
    rowCell: stateTheme,
    colCell: stateTheme,
    dataCell: stateTheme,
  },
};


<SheetComponent themeCfg={s2ThemeConfig}/>

解决了，非常感谢👍