arco-design-vue icon indicating copy to clipboard operation
arco-design-vue copied to clipboard

Table组件使用bodyCellStyle,hover显示问题

Open poetryiii opened this issue 3 years ago • 2 comments

Basic Info

  • Package Name And Version: @arco-design/[email protected]
  • Browser: chrome102.0.0.0
  • Reproduction Link: https://stackblitz.com/edit/angular-vnekqh-yjcxuf

Steps to reproduce

需要某一列(columns)开启fixed固定,然后鼠标经过任意行,固定列背景色和bodyCellStyle显示不太协调,这样无法实现隔行变色,只能通过手动调整css

poetryiii avatar Jun 27 '22 01:06 poetryiii

@svipchao 我看了下 DEMO,fixed列由于使用了伪元素用来显示背景,这是还需要额外处理下。 image 是指这个问题吧。 隔行变色这个是指开启 stripe 后只在偶数行应用样式吗?

flsion avatar Jun 27 '22 06:06 flsion

@flsion 如果开启隔行变色只偶数行应用样式,像上图中设置背景色为浅绿色的话,会更加不协调,希望隔行变色的背景色也可以自定义,目前只能自定义单个单元格的样式,我尝试了修改hover,但是他只会更改单个单元格的样式

poetryiii avatar Jun 27 '22 06:06 poetryiii