[Bug] Data validation capsule and filter icon overlap

[zhaolixin7]

在您提交此问题之前，您是否检查了以下内容？

• [X] 这真的是个问题吗？
• [X] 我已经在 Github Issues 中搜索过了，但没有找到类似的问题。

受影响的包和版本

dev

复现链接

#1450 1、在有数据验证选项区域新增筛选区域 2、在有条件格式区域新增筛选

预期行为

实际行为

2024_4_17 17_37_14 video.webm

运行环境

No response

系统信息

No response

[univer-bot[bot]]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

Origin Title: [Bug] 数据验证胶囊和筛选icon重叠

Title: [Bug] Data validation capsule and filter icon overlap

---

Before you submitted this question, did you check the following?

• [X] Is this really a problem?
• [X] I've searched Github Issues but haven't found any similar issues.

Affected packages and versions

dev

Recurrence link

#1450

1. Add a new filter area in the area with data validation options
2. Add filters in the conditional formatting area

Expected behavior

Actual behavior

2024_4_17 17_37_14 video.webm

Running environment

No response

system message

No response

[wzhudev]

@weird94 data validation rendering should respect cell offset.

[oumomomo]

筛选范围内有失效数据，筛选过滤这条失效数据时，红色icon还是会展示在表内

[univer-bot[bot]]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

There is invalid data in the filtering range. When filtering this invalid data, the red icon will still be displayed in the table.

[oumomomo]

筛选掉包含条件格式-色阶的数据，色阶颜色还是会展示在表内

[univer-bot[bot]]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

Filter out data containing conditional formatting-color scale, and the color scale colors will still be displayed in the table