antvis / antvis/S2

🙏选中多个单元格时,可以配置开启不显示内部描边,只展示选中区域整体的外部描边

Open
#2,523 1 comment 0 reactions 0 assignees View on GitHub
💤 inactive 🙏feature request
Dominant language
TypeScript
Stars
1.7k
Forks
220
PR merge metrics
No merged PRs in 30d

Description

### 🏷 Version

| Package | Version |
| -------------- | ------- |
| @antv/s2 | 1.54.1 |
| @antv/s2-react | 1.46.0 |
| @antv/s2-vue | - |

### Sheet Type

- [x] PivotSheet
- [x] TableSheet
- [ ] GridAnalysisSheet
- [ ] StrategySheet
- [ ] EditableSheet

### 🖋 Description

### 选中多个单元格时,可以配置开启不显示内部的描边
目前 s2 可以配置选中的数据单元格激活状态为描边
```
theme: {
dataCell: {
cell: {
interactionState: {
selected: {
borderWidth: 1,
borderColor: '#000',
borderOpacity: 1,
},
},
},
},
},
```
展示样式为:
![image](https://github.com/antvis/S2/assets/16997933/63f9e2bb-a43d-4fd3-9b27-4968717ebad2)

选中区域内部单元格会有两层黑色边框,希望可以支持配置成不展示中间的边框,类似下面 excel 效果:
![image](https://github.com/antvis/S2/assets/16997933/28a8ddc8-97fa-4587-9442-4353fe922d95)

### 🧐 Suggest the API

theme - dataCell 可以配置 inner boarder 关闭/样式

| name | type | default | description |
| ---- | ---- | ------- | ----------- |
| - | - | - | - |

Contributor guide

Open the contributing guide

Research direction

Start by locating the dataCell theme configuration and the selected interaction-state rendering used by PivotSheet and TableSheet. Check how the current borderWidth, borderColor, and borderOpacity settings are applied across adjacent selected cells. Done means a configuration can hide internal borders while preserving the outer border, with coverage for multi-cell selection.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.