IDuxFE/idux

[pro:table] 开启滚动高度和排序功能后,排序图标不显示的问题

danranVm opened this issue · 3 comments

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

1、IxProTable组件配置了scroll={ height: xxx },并且最后一列开启排序功能,会出现排序图标不显示的样式问题
image

2 原因是此样式不生效
image

3 与此类名有关系
image

4 background-color的语法太新,不支持此语法的项目,将会出现不兼容问题,导致渲染失误,建议使用老语法。
image

5 而且此分割线颜色和其他列的颜色不一致
image

What is expected?

样式都正常

What is actually happening?

Environment Info

Any additional comments? (optional)

Translation of this issue:

[Pro: Table] After turning on the scroll height and sorting function, the sorting icon does not display

REPRODUCTION LINK

STEPS To Reproduce

  1. IXPROTable component is configured with scroll = {height: xxx}, and the last column opens the sorting function, which will appear a stylistic problem that is not displayed in sorting icons.
    ! [Image] (https://user-images.githubusercontent.com/25052421/213123305-839c1ce2-0920-40d0-ADAA-D96F64AF85B0.Png))))

2 The reason is that this style does not take effect
! [Image] (http://code.sangfor.org/ued/fe-upmon/idux/idux- vue3/f9194cf58378730d9281fabfcccf76e/image.png))

3 It has something to do with this name
! [Image] (https://user-images.githubusercontent.com/25052421/213123441-7b2b10cd-4bcb-842F-CC7C7C7CDABDD0B5.PNG))

4 Background-COLOR's syntax is too new. It does not support this grammar project, and there will be unsatisfactory problems, which will cause rendering errors. It is recommended to use old grammar.
! [Image] (https://user-images.githubusercontent.com/25052421/213123561F6C902-97C8-4519-97e609b271af.png))

5 and the color of this segmentation line is inconsistent with the color of other columns
! [Image] (https://user-images.githubusercontent.com/25052421/213123632-344447-247b-4132-8959-5b00a22ddefb.png))))

What is exfected?

The style is normal

What is actually happy?

ENVIRONMENT Info

ANY Additional Comments? (Optional)

不仅仅是排序图标的问题,当列很多的时候,最后一列的文字也可能被遮挡

v1.5.2 已修复